在Magento网站中使用Bootstrap 3和Prototype.js存在问题。
基本上,如果您单击下拉菜单(Our Products),然后单击背景,下拉菜单(Our Products)会消失(prototype.js将“display:none;”添加到li中)。
此处演示了该问题: http://ridge.mydevelopmentserver.com/contact.html
您可以在下面的链接中查看不包括prototype.js在内的页面上的下拉菜单正常工作: http://ridge.mydevelopmentserver.com/
是否有其他人遇到过此问题或对冲突可能有解决方案?
简易解决方法:
只需用此与Bootstrap兼容的原型文件替换Magento的prototype.js文件即可:
您可以在此处查看所做更改以解决Bootstrap问题的原型文件:
https://github.com/zikula/core/commit/079df47e7c1f536a0d9eea2993ae19768e1f0554
注意:在包括prototype.js之前,必须将JQuery包含在您的Magento皮肤中。例如:
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/prototype/prototype.js"></script>
<script type="text/javascript" src="/js/lib/ccard.js"></script>
<script type="text/javascript" src="/js/prototype/validation.js"></script>
<script type="text/javascript" src="/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="/js/varien/js.js"></script>
<script type="text/javascript" src="/js/varien/form.js"></script>
<script type="text/javascript" src="/js/varien/menu.js"></script>
<script type="text/javascript" src="/js/mage/translate.js"></script>
<script type="text/javascript" src="/js/mage/cookies.js"></script>
<script type="text/javascript" src="/js/mage/captcha.js"></script>