目前正在为我的论文设计一个网站,其中必须有一些JQuery,目前有一个响应式导航使用JQuery和flexslider也使用JQuery,但当它们一起运行时,它们发生冲突。
导航代码看起来像这样,它必须在主体中才能工作
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"> jQuery.noConflict(); </script>
<script type="text/javascript" src="script.js"> jQuery.noConflict();</script>
而滑块代码在这里
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
jQuery.noConflict();
jQuery(window).load(function() {
jQuery('.flexslider').flexslider();
});
</script>
只需要它们都能起作用
我正在查看文档,其中包括以下示例:
示例:创建一个不同的别名而不是jQuery,以便在脚本的其余部分使用。
var j = jQuery.noConflict();
// Do something with jQuery
j("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';
示例:将jQuery完全移动到另一个对象中的新命名空间。
var dom = {};
dom.query = jQuery.noConflict(true);
结果:// Do something with the new jQuery
dom.query("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';
// Do something with another version of jQuery
jQuery("div > p").hide();
尝试删除这一行
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
JQuery 1.7.2应该向后兼容1.6.2…
有完全相同的问题…我认为这个故事的寓意是,你不能加载两个版本的jQuery,并期望它们是兼容的。
我的购物车提醒弹出框(加载告诉用户他们添加了东西到购物车)停止工作…但是滑块工作得很好。
但是我真的很想知道是否有解决这个问题的方法。