使Bootstrap Dropdown在Magento/与原型一起工作

Make Bootstrap Dropdown work in Magento / with prototype

本文关键字：原型 一起 工作 Magento Bootstrap Dropdown      更新时间：2024-03-14

我试图让Bootstrap与Magento一起工作。Magento正在使用原型，这会引起一点麻烦。我的问题是Bootstrap下拉菜单工作不正常。我已经找到并测试了这个解决方案：与prototype.js 一起使用时，Twitter Bootstrap 3下拉菜单消失

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

在这把小提琴里：http://jsfiddle.net/T88ak/

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

我重新制造了这个问题。

现在，我正试图找到一种解决方案，在不接触源代码的情况下修复引导程序或原型。我必须在我的库中包含一个小代码片段就可以了。但我正在努力寻找解决方案。

也许这个论坛里的另一个jQuery忍者可以帮助我？

问候Benjamin

我认为你应该尝试使用下面的代码，将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();
        });
    });
相关文章：