Bootstrap jquery方法Magento的原型库

Question

不知道是否有人遇到此问题。 我已经将Bootstrap很好地集成到我正在构建的Magento主题中，一切都很好。

也就是说，直到我尝试使用手风琴功能。代码找到Prototype Libs方法而不是jQuery的问题似乎存在问题。我已经尝试了常用的修复，$ - jQuery并没有冲突，但只有在我禁用原型库时才有效 - 这显然不是很好。

那里的任何人遇到这个并且可以在工作轮次上给我建议吗？目前我已经辞去了使用Scriptaculous为手风琴师。

Answer 1

我怀疑这是由于Magento前端和管理区域中使用的原型中的过渡冲突而发生的。

请参阅：Twitter Bootstrap Transition Conflict prototypejs

您可以尝试使用此库：https://github.com/jwestbrook/bootstrap-prototype并查看它是否可以解决您与手风琴的问题。

Answer 2

在Magento中使用jQuery有时候会很棘手。我通常做的事情如下：
jquery-ui-1.8.9.noconflict.min.js

并将jQuery.noConflict()放在文件的末尾。

还要确保 Prototype＆amp;任何页面上都只包含一个版本的jQuery。

我通常喜欢使用jQuery而不是$，但我想匿名函数也应该有效：

(function($) {  /* use $ here */  })(jQuery);

Answer 3

而不是bootstrap.js或bootstrap.min.js使用下面的js文件来获得解决方案。

1. 的jquery.js
2. prettify.js
3. 自举-transition.js
4. 自举-alert.js
5. 自举-modal.js
6. 自举-dropdown.js
7. 自举-scrollspy.js
8. 自举-tab.js
9. 自举-tooltip.js
10. 自举-popover.js
11. 自举-button.js
12. 自举-collapse.js
13. 自举-carousel.js
14. 自举-typeahead.js
如果需要，
15. application.js。