此外,我注意到我的网站正在加载两个版本的jquery
<script type="text/javascript" src="http://www.nyimexec.com/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js?ver=1.8.21"></script>
除了一些菜单导航器外,我已经禁用了大多数插件,并且无法识别google cdn中的jquery所在的位置。哪个插件有?或者在哪个文件中?
你能帮助我吗
我一直在阅读非冲突模式但是,当我找不到jquery google cdn时,不知道在哪里添加no conflict命令。
我在问,因为我觉得这导致我的标签无法正常工作。 这是一个标签不起作用的页面http://goo.gl/umIYu
- 我意识到第一个脚本与第二个脚本不同。但是,来自谷歌cdn的Jquery ui与我的主题使用的jqueryui冲突(不知道如何找到并粘贴在这里)
答案 0 :(得分:5)
虽然您的脚本没有问题,但您仍可能想尝试这个
var k=jQuery.noConflict();
并在你正在编写的新JS中替换$和k
j(document).ready(function(){
alert('hey I am not conflicting with any other jquery script');
});
修改强>
在你的javascript顶部添加var k=jQuery.noConflict();
并用j替换你JS中的所有$ .. j只是一个新的jQuery对象,由我们创建并执行由$执行的所有函数但不与页面上的任何其他jQuery文件冲突..
示例:强> 如果你有
$(document).ready(function(){
$('#selector').click(function(){
alert('Hi');
});
});
应该写成
j(document).ready(function(){
j('#selector').click(function(){
alert('Hi');
});
});
使用noConflict ..
修改-2:强>
您的标签无法正常工作的另一个原因可能是您正在使用的旧版jquery
您正在使用更高版本的jQuery UI和更低版本的jQuery,这可能是一个原因.. 尝试替换以下脚本
<script type="text/javascript" src="http://www.nyimexec.com/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js?ver=1.8.21"></script>
与
<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script>
希望它有所帮助...
答案 1 :(得分:1)
您应该列出从最大到最小的版本。
示例:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.0/jquery-ui.min.js?ver=1.0'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.0.1/jquery-ui.min.js?ver=1.0.1'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.2.1/jquery-ui.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.3.0/jquery-ui.min.js?ver=1.3.0'></script>
等等......
答案 2 :(得分:1)
这两个库不一样。一个是jQuery,另一个是jQueryUI库,可以一起使用而没有任何问题。