Question

您好我正在学习Javascript并且在我的项目http://www.merekhayaal.com/上解决了JS相关问题我已经安装了Masonry布局，这与JS的其余部分相冲突。我读过这通常与修复jQuery有关。我只是在这里要求指点。我需要以下代码才能使Masonry布局工作：

<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文件需要处理？

Answer 1

您是否已尝试使用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>

Answer 2

只需在jQuery模式下使用noConflict()即可。

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

var $jq=jQuery.noConflict();

所以现在你必须使用$jq代替$jQuery或$

这样，您可以使用不同滑块等的每个脚本来更改var $jq以适应。

希望这会有所帮助。

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

Answer 3

好的，那就是当我删除一行代码

时

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

来自脚本。它显然导致了冲突

Magento中的Jquery冲突

3 个答案: