короткий

Использование 2 библиотек на одной странице: jQuery UI и Twitter Bootstrap:

JQuery UI очень важен для меня, потому что на его основе построены почти все вещи пользовательского интерфейса.Twitter Bootstrap только длякнопка разделения с выпадающим меню функциональность.

Теперь проблема в том, что обе библиотеки имеют одинаковые именованные функции, которые конфликтуют друг с другом:

детализированный

Вот пример конфликта между функциями jQuery UI и Twitter Bootstrap

Пожалуйста, введитена этот сайт, Нажмите кнопку «Рекомендовать» на столе

Появится модальное окно jQuery UI. я использовалJQuery UI Combobox внутри модального окна. Проблема в том, что нет кнопки со стрелкой вниз, как показано наJQuery UI Combobox демо.

Я попытался найти причину проблемы: просмотрел код выпадающего списка, и когда он вызвал .button (), он вошел в bootstrap.min.js, а не в jqui.js.

Как вы видитеДоказательство конфликта между 2 JS библиотеками.

Кстати, вотjsFiddle где это работает хорошо без начальной загрузки.

проблема

У меня есть несколько способов решить эту проблему конфликта (БЕЗ ПРИКЛЮЧЕНИЯ ФУНКЦИОНАЛЬНОСТИ ВЕБ-САЙТА) Мне нужно получить точно такую же функциональность, каккнопка разделения с выпадающим меню (Twitter Bootstrap):

если это возможно в jQuery-UI (что-то вродеэтот но с выпадающим меню)только в CSS + HTML

и избавиться от Twitter Bootstrap. Любые решения с благодарностью. Я'Я готов дать 200 повторений для хорошего ответа (в качестве награды). Спасибо заранее