1

目前为我的论文设计一个网站，其中必须有一些 JQuery，目前有一个使用 Jquery 的响应式导航和也使用 jquery 的 flexslider，但是当它们一起运行时它们会发生冲突。

导航代码看起来像这样，它必须在正文中才能工作

<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>

只需要它们都起作用

4

3 回答 3

1

我正在查看文档，其中包括以下示例：

示例：创建一个不同的别名而不是 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();
于 2013-04-30T12:39:43.603 回答
1

尝试删除此行

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

JQuery 1.7.2 应该向后兼容 1.6.2...

于 2013-04-30T12:46:19.810 回答
-1

有完全相同的问题......我认为这个故事的寓意是你不能加载两个版本的 jQuery 并期望它们兼容。

我的购物车警报弹出窗口（用于告诉用户他们将东西添加到购物车的加载框）停止工作......但滑块工作正常。

但我真的很想知道是否有解决方案。

于 2013-04-30T19:15:52.170 回答