javascript - Jquery No Conflict jquery-1.7.1.min.js - Stack Overflow

admin管理员组

文章数量:1291010

I am not too familiar with jQuery.noConflict. I have tried to implement it a couple times, but I feel I am doing it wrong.

Is there a way to set a noConflict with "jquery-1.7.1.min.js"? Do I put it in the actual file, or in the header of my index or both? I have tried to follow examples but I know I am doing it wrong.

Any guidance or quick examples would help me tremendously!

I am not too familiar with jQuery.noConflict. I have tried to implement it a couple times, but I feel I am doing it wrong.

Is there a way to set a noConflict with "jquery-1.7.1.min.js"? Do I put it in the actual file, or in the header of my index or both? I have tried to follow examples but I know I am doing it wrong.

Any guidance or quick examples would help me tremendously!

• javascript
• jquery

Share Improve this question Follow edited Apr 25, 2012 at 17:44 gen_Eric 227k4242 gold badges303303 silver badges342342 bronze badges asked Apr 25, 2012 at 17:42 MichaelMichael 12322 silver badges88 bronze badges 1

• How to help you when we can't even see how you're doing it or what you may be doing wrong? – Sparky Commented Apr 25, 2012 at 18:03

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

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

You can either assign it a new alias (as shown above) or call $.noConflict and only have jQuery available for use. If you chose an alias though you must use that new alias every time you want to reference jQuery.

Keep in mind though that you can enable noConflict, but still have it available when necessary using an anonymous function:

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

No conflict mode is easy to use. Include this shortly after loading jQuery and any jQuery-dependent libraries:

var $j = jQuery.noConflict();

Then, instead of using $ for everything, use $j:

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

Have you tried the following examples:

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

I think it says all about it. Check your browser console to see any errors.

I'd remend using a noConflict call, as well as wrapping your jQuery code with an anonymous function, so you can call jQuery by $:

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

本文标签： javascriptJquery No Conflict jquery171minjsStack Overflow