首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery无冲突

Jquery无冲突
EN

Stack Overflow用户
提问于 2011-11-19 03:24:00
回答 5查看 2.7K关注 0票数 5

在大多数情况下,.noConflict()对我来说工作得很好,例如:

代码语言:javascript
运行
复制
$jq('#no-thanks').click( function(event) {
    $jq("#olsu").fadeOut();             
});

但是它的语法是什么呢:

代码语言:javascript
运行
复制
$.cookie("example", "foo", { expires: 7 });

我试过了:

代码语言:javascript
运行
复制
$jq.cookie("example", "foo", { expires: 7 })

代码语言:javascript
运行
复制
$jq().cookie("example", "foo", { expires: 7 })

有什么想法吗?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-11-19 03:26:35

这应该是可行的:

代码语言:javascript
运行
复制
(function($){
  // your all jQuery code inside here

  $.cookie("example", "foo", { expires: 7 });

})(jQuery);

现在,只要您将jQuery代码放在上述自调用匿名函数中,就可以使用$,而不用担心与其他库发生冲突。

More Explanation Here

票数 8
EN

Stack Overflow用户

发布于 2011-11-19 03:26:47

您已经将jquery.cookie.js脚本添加到您的页面,对吗?

jQuery.cookie不是一个原生jQuery函数,所以您需要确保它正在被添加,并且如果它是在jQuery被调用之后发生的,那么它被正确地添加到noConflict中。

至于jQuery的别名,您可以使用一个自动执行的匿名函数将jQuery安全地别名为$。此外,还可以使用document.ready快捷方式将jQuery作为$的别名

代码语言:javascript
运行
复制
(function ($) {
  //code goes here
}(jQuery));

jQuery(function ($) {
  //document.ready code goes here
});
票数 2
EN

Stack Overflow用户

发布于 2011-11-19 03:26:11

怎么样

代码语言:javascript
运行
复制
jQuery.cookie("example", "foo", { expires: 7 })

此外,您还可以通过将代码包装在匿名函数中并将jQuery传递给它来简化您的工作:

代码语言:javascript
运行
复制
(function($){
  $('#no-thanks').click( function(event) {
    $("#olsu").fadeOut();             
    $.cookie("example", "foo", { expires: 7 });

  });
})(jQuery)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8187957

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档