magento - Bootstrap jquery 方法 Magento 的原型库

Question

想知道有没有人遇到过这个问题。我已经很好地将 Bootstrap 集成到我正在构建的 Magento 主题中，一切都很好。

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

外面的任何人都遇到过这个问题，可以在工作回合中给我建议吗？目前我已经放弃使用 Scriptaculous 来演奏手风琴了。

Answer 1

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

请参阅：Twitter Bootstrap 转换冲突prototypejs

你可以试试这个库：https ://github.com/jwestbrook/bootstrap-prototype看看它是否能解决你手风琴的问题。

Answer 2

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

1. jQuery.js
2. 美化.js
3. bootstrap-transition.js
4. 引导警报.js
5. 引导模态.js
6. 引导-dropdown.js
7. 引导-scrollspy.js
8. 引导-tab.js
9. 引导工具提示.js
10. bootstrap-popover.js
11. 引导按钮.js
12. bootstrap-collapse.js
13. 引导轮播.js
14. 引导-typeahead.js
15. application.js 如果需要更多。

Answer 3

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

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

还要确保在原型之后加载 jQuery，并且任何页面上只包含 1 个版本的 jQuery。

我通常喜欢一直使用 jQuery 而不是 $ 但我猜匿名函数也应该可以工作：

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