一个例子是今天所做的,使用jQuery和jQuery插件的lightbox图片做浮点放大效应,没有任何问题。

然后在导航栏中添加js,与js的结构导航冲突,与js的图片浮动放大。

或者只有导航条的js有效,或者只有图片浮动js是有效的。

在互联网上搜索结果。解决方案如下

JQuery.noConflict()

总结
运行这个函数来将变量$的控件传递给实现它的第一个库。

这有助于确保jQuery不与其他库的$对象冲突。

运行此函数后,您只能使用jQuery变量访问jQuery对象。例如,在您想要使用$()的情况下,您必须更改为jQuery()。

'''注意:在导入jQuery文件并导入另一个导致冲突的库之前,必须使用这个函数。当然,在使用其他冲突库之前,除非jQuery是最后一个导入。

描述:
由$引用的对象被映射回原始对象。

jQuery代码:
JQuery.noConflict();
jQuery
隐藏();
使用库(美元/其他)
$(内容)Style.display =不关;

描述:
恢复别名$的使用,然后创建和执行一个仍然在函数作用域中用作别名的函数。在这个函数中,原来的$对象无效。这个函数对大多数不依赖于其他库的插件非常有效。

jQuery代码:
JQuery.noConflict();
(函数($){)
$(函数(){())
作为别名代码使用jQuery
});
}(jQuery);
其他为别名库代码描述:
在下一个库中创建一个新的别名来使用jQuery对象。

jQuery代码:
var j = jquery.noconflict();
基于jQuery的代码
j();
基于($ )代码的其他库
$(内容)Style.display =不关;


JQuery.noConflict();
(函数($){)
$(函数(){())
我使用的是把我的别名代码导航JS代码写在中间的行上。
});
}(jQuery);
其他别名为别名库代码