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

Jquery No Conflict jquery-1.7.1.min.js

4 个答案: