javascript - 使 Bootstrap Dropdown 在 Magento 中工作/使用原型(prototype)

Question

我尝试让 Bootstrap 与 Magento 一起工作。 Magento 使用的是原型(prototype)，这会造成一些麻烦。 我的问题是 Bootstrap 下拉菜单无法正常工作。 我已经找到并测试了这个解决方案: Twitter Bootstrap 3 dropdown menu disappears when used with prototype.js

但我对这个解决方案并不满意，因为它改变了 Magento 的原型(prototype)源，我不想那样做。 这就是为什么我正在寻找更好的解决方案。

在这个 fiddle 中:http://jsfiddle.net/T88ak/

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

我重现了这个问题。

现在我正试图找到一种解决方案来修复 Bootstrap 或原型(prototype)而不触及源代码。 我必须在我的库中包含一个小代码片段就可以了。但我正在努力寻找解决方案。

也许这个论坛中的另一个 jQuery Ninja 可以帮助我？

问候 本杰明

Answer 1

我认为你应该尝试使用下面的代码并将 jquery.noConlict() 添加到你的 jQuery 库中。并将 jQuery 库添加到所有 js/prototype 的顶部

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();
        });
    });