Jquery conflict in Magento

Jquery conflict in Magento

本文关键字：Magento in conflict Jquery      更新时间：2023-09-26

嗨，我正在学习Javascript，并且一直在解决我项目中与JS相关的问题http://www.merekhayaal.com/我安装了Masonry布局，这与JS的其余部分相冲突。我读到这通常与修复jQuery有关。我在这里只是想请教一下。我需要以下代码使砌体布局工作：

<script src="babezlondon/modernizr-latest.js">
</script>
<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<script>window.jQuery || document.write('<script src="js/shopshark/jquery-1.8.3.min.js"><'/script>')</script>
<script src="babezlondon/jquery.masonry.min.js"></script>
<script src="babezlondon/script.js"></script>

但是当我把这个放进去的时候，页面上剩下的JS就断了。如果解决方案是在jQuery中实现无冲突，那么在我的情况下，由于有多个js文件需要处理，我可以采取哪些步骤来确保正确执行？

您是否已经尝试过使用jQuery noConflict？http://api.jquery.com/jquery.noconflict/

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
  // Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>

只需在noConflict()模式中使用jQuery。

将其粘贴在jQuery脚本的底部；

var $jq=jQuery.noConflict();

所以现在你必须使用$jq而不是$jQuery或$

这样，您为不同的滑块等拥有的每个脚本都可以更改var $jq以适应。

希望这能有所帮助。

http://api.jquery.com/jQuery.noConflict/

好的，所以当我删除一行代码时，效果就好了

<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>

来自脚本。这显然是造成冲突的原因。

相关文章：