Сделать Bootstrap Dropdown работы в Magento/с прототипом

Question

Я пытаюсь получить Bootstrap работать вместе с Magento. Magento использует прототип, и это вызывает немного неприятностей. Моя проблема заключается в том, что выпадающее меню Bootstrap работает неправильно. я уже нашел и проверил это решение: Twitter Bootstrap 3 dropdown menu disappears when used with prototype.js

Но я не удовлетворен этим решением, поскольку она изменяет источник прототип Magento и я не хочу, чтобы сделать это. Вот почему я ищу лучшее решение.

В этой скрипке: http://jsfiddle.net/T88ak/

jQuery(function(){ 
jQuery.noConflict(); 
jQuery('#dropdown-toggle').on('click',function(evt){ 
     evt.preventDefault(); 
     jQuery('#dropdown-menu').toggle(); 
    }); 
}); 

Я воссоздал проблему.

Теперь я пытаюсь найти решение для ремонта бутстрапа или прототипа, не касаясь исходного кода. Небольшой фрагмент кода, который я должен включить в мою библиотеку, будет в порядке. Но я борюсь с решением.

Может быть, другой jQuery Ninja на этом форуме может мне помочь?

С уважением Бенджамин

Answer 1

Я думаю, вы должны попробовать использовать ниже код и добавить jquery.noConlict() к вашему JQuery library.and добавить библиотеку JQuery, чтобы поверх всех JS/прототип

jQuery.noConflict(); // if you haven't added it to your jquery library 
     jQuery(function($){ 
    $('#dropdown-toggle').on('click',function(evt){ 
      evt.preventDefault(); 
      $('#dropdown-menu').toggle(); 
     }); 
    });