How do I implement JQuery.noConflict() ?

by

jQuery.noConflict will reset the $ variable so it’s no longer an alias of jQuery. Aside from just calling it once, there’s not much else you really need to do. Though, you can create your own alias with the return value, if you’d like:

var jq = jQuery.noConflict();

And, generally, you want to do this right after including jQuery and any plugins:

<script type="text/javascript" src="https://stackoverflow.com/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery-plugin.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
  // Code that uses other library's $ can follow here.
</script>
<script type="text/javascript" src="/path/to/prototype.js"></script>

You can also go one step further and free up jQuery with noConflict(true). Though, if you take this route, you’ll definitely want an alias as neither $ nor jQuery will probably be what you want:

var jq = jQuery.noConflict(true);

I think this last option is mostly used for mixing versions of jQuery, particularly for out-dated plugins when you want to update jQuery itself:

<script type="text/javascript" src="https://stackoverflow.com/questions/7882374/jquery-1.4.4.js"></script>
<script type="text/javascript" src="jquery-older-plugin.js"></script>
<script type="text/javascript">
    var jq144 = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery-newer-plugin.js"></script>

More Related Contents:

  1. How to avoid conflict between JQuery and Prototype
  2. How to check first 200 chekboxes , then next 200 and so on?
  3. How can I access the contents of an iframe with JavaScript/jQuery?
  4. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  5. Is Safari on iOS 6 caching $.ajax results?
  6. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  7. Refresh/reload the content in Div using jquery/ajax
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. How to check if iframe is loaded or it has a content?
  10. Can’t get correct return value from an jQuery Ajax call [duplicate]
  11. jQuery map vs. each
  12. The .replace() method does change the string in place
  13. Microsoft CDN for jQuery or Google CDN? [closed]
  14. How to do a horizontal scroll on mouse wheel scroll?
  15. Javascript Debugging line by line using Google Chrome
  16. Wrap tags around http text
  17. Loop through JSON object List
  18. Clearing my form inputs after submission
  19. Get the domain name of the subdomain Javascript
  20. jQuery 1.10.2 warning issue from Firefox
  21. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  22. jQuery remove options from select
  23. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  24. jQuery: more than one handler for same event
  25. Custom “confirm” dialog in JavaScript?
  26. Disable zoom on input focus in Android webpage
  27. Add image in pdf using jspdf
  28. Call angularjs function using jquery/javascript
  29. Does the attr() in jQuery force lowercase?
  30. Is it possible to wait until all javascript files are loaded before executing javascript code?

Leave a Comment