javascript - jquery 没有冲突 jquery-1.7.1.min.js

Question

我不太熟悉jQuery.noConflict。我已经尝试过几次，但我觉得我做错了。

有没有办法用“jquery-1.7.1.min.js”设置 noConflict？我是把它放在实际的文件中，还是放在我的索引的标题中，或者两者兼而有之？我试图遵循示例，但我知道我做错了。

任何指导或快速示例都会对我有很大帮助！

Answer 1

var foo = $.noconflict();
foo('body').addClass('bar');

您可以为其分配一个新的别名（如上所示）或调用$.noConflict并且仅jQuery可用。如果您选择了一个别名，但每次您想要引用 jQuery 时都必须使用该新别名。

请记住，尽管您可以启用 noConflict，但在必要时使用匿名函数仍然可以使用它：

// disable $ and force use of myJQ
var myJQ = jQuery.noConflict();
(function($){
  //
  // be able to use $ within this block and have it mean jQuery
  //
  $('body').addClass('foo');
})(myJQ);

// we're outside the block, now we're back to myJQ
myJQ('body').removeClass('foo');

Answer 2

无冲突模式易于使用。在加载 jQuery 和任何依赖于 jQuery 的库后不久包括这个：

var $j = jQuery.noConflict();

然后，不要使用$所有东西，而是使用$j：

var elements = $j('.class-name');

Answer 3

您是否尝试过以下示例：

http://api.jquery.com/jQuery.noConflict/

我认为它说明了一切。检查您的浏览器控制台以查看任何错误。

Answer 4

我建议使用noConflict调用，以及用匿名函数包装你的 jQuery 代码，这样你就可以通过以下方式调用 jQuery $：

jQuery.noConflict();
(function ($) {
    // Now you can use $ to call jQuery
}(jQuery));