jQuery.noConflict()解决imgBox.js依赖jquery版本问题

Posted 2020-10-07 Chavez.net

jQuery提供两种点击图片放大效果出处

在使用imgbox.js是出现的jquery版本不兼容问题，之后了解到jQuery.noConflict()的用法

jQuery.noConflict()的存在只有一个目的：它允许你在同一个页面加载多个jQuery实例，尤其是不同版本的jQuery。

//引用
<script src="~/Scripts/ssn/jquery.min.js"></script>
<script type="text/javascript">
var j$ = $;//jquery.min.js的$重命名为j$
jQuery.noConflict();
</script>
<script src="~/Scripts/ssn/jquery.imgbox.pack.js"></script>


//应用j$
j$(".imgenlarge").imgbox({
‘speedIn‘: 0,
‘speedOut‘: 0,
‘alignment‘: ‘center‘,
‘overlayShow‘: true,
‘allowMultiple‘: false
});