【问题标题】:Including More Than One jQuery Versions包括多个 jQuery 版本
【发布时间】:2014-03-11 05:42:24
【问题描述】:

尝试在没有冲突的情况下加载这 3 个。但是,还是有冲突。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>
var $j = jQuery.noConflict();
$j(function() {
$j( "#selector" ).click(function() {
alert("hello");
});
});
</script> 

【问题讨论】:

  • 更新插件代码,不要包含多个版本的jQuery。
  • 那么,只用最新的? 1.9.1?
  • 如果您绝对需要这些插件,jQuery.noConflict() 是您的朋友。
  • 我试过没有冲突!没有运气。
  • 你现在有什么问题?有什么冲突?

标签: jquery


【解决方案1】:

解决方案:

使用jQuery.noConflict()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script> 

DEMO

【讨论】:

  • @juanberas 修复了它并包含了一个 jsFiddle 链接。
  • 嗯..我试过了,但没有成功。我有颜色框,同一页面上的淡入淡出幻灯片加上一个 jQuery 版本。但是当您单击联系人时弹出的颜色框不会加载。链接:shop.earartbyjaniyah.com
  • 能把相关代码贴在这里吗?只需编辑您的问题,以便其他社区成员也能看到。
【解决方案2】:

根据前面的question,你可以一次使用多个jQuery。请参阅此示例。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script> 

这是一个 jsfiddle DEMO

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-05-29
    • 1970-01-01
    • 1970-01-01
    • 2014-02-28
    • 2013-08-03
    • 1970-01-01
    • 2014-08-11
    • 1970-01-01
    相关资源
    最近更新 更多