gpt4 book ai didi

javascript - jQuery.mmenu 与其他 JS 冲突

转载 作者:行者123 更新时间:2023-11-28 07:37:40 25 4
gpt4 key购买 nike

我已将 Magento 电子商务网站合并到我们现有的网站中,一切正常,但一路上使用了各种不同的 jQuery 和原型(prototype)。

我想改进网站的移动导航,并发现了很棒的 jQuery.mmenu 插件。我已经将其集成到网站中,它看起来并且大部分工作都很好,但是网站的 magento 部分中的某些页面的 js 被菜单破坏了,因此菜单不再存在。

查看工作页面和非工作页面的代码,我发现它们使用的 js 存在一些差异,但我不知道如何纠正该问题:

工作页面:http://www.doble-shop.co.uk/shop/boots.html

非工作页面:http://www.doble-shop.co.uk/shop/richa-monza-waterproof-leather-boots-black.html (请注意,菜单不会显示在网站的移动设备尺寸上,并且 js 选项卡和下拉菜单快速访问一样被破坏,并且错误消息 Uncaught TypeError: Cannot read property 'blocker' of undefined 也显示在控制台)

当比较两个页面的代码并注意所使用的 js 时,以下内容包含在损坏的页面上,但不包含在工作页面上:

<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/varien/product.js"></script>
<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/varien/configurable.js"></script>
<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/calendar/calendar.js"></script>
<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/infortis/jquery/plugins/jquery.cloudzoom.min.js"></script>
<script type="text/javascript" src="http://www.doble-shop.co.uk/shop/js/infortis/jquery/plugins/jquery.colorbox.min.js"></script>

最佳答案

许多 JavaScript 库使用 $ 作为函数或变量名,就像 jQuery 一样。就 jQuery 而言,$ 只是 jQuery 的别名,因此无需使用 $ 即可使用所有功能。如果您需要与 jQuery 一起使用另一个 JavaScript 库,请通过调用 $.noConflict()$ 的控制权返回给另一个库。 $ 的旧引用在 jQuery 初始化期间保存; noConflict() 只是恢复它们。

如果由于某种原因加载了两个版本的 jQuery(不推荐),从第二个版本调用 $.noConflict( true ); 将返回全局将 jQuery 变量的范围限定为第一个版本的变量。

<script>
var $ = jQuery.noConflict();
</script>

将此代码段放在页面中包含 jQuery 之后。了解更多 here .

关于javascript - jQuery.mmenu 与其他 JS 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28412894/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com