How to avoid conflict between JQuery and Prototype

by

Use the noConflict method for jQuery and assign it to a new (short) variable. Use the new variable wherever you would have used the $ for jQuery.

var $j = jQuery.noConflict();

$j(function() {
    $j('#selector').each( .... );
});

or, if you don’t need to mix Prototype/jQuery you can wrap all of your jQuery code in an anonymous function.

(function($) {
    // $ sign here is a parameter, which is set to jQuery 

    $(function() {
        $('#selector').each( .... );
    });
})(jQuery);

More Related Contents:

  1. How do I implement JQuery.noConflict() ?
  2. Ways to add javascript files dynamically in a page
  3. Select div using wildcard ID
  4. Using JQuery and Prototype in the same page
  5. Prototype equivalent for jQuery live function
  6. javascript change element from another page
  7. javascript show intro animation, then website
  8. This doesn’t seem right? Javascript isn’t working
  9. Choosing and activating the right controls on an AJAX-driven site
  10. How can I custom-format the Autocomplete plug-in results?
  11. Difference between “change” and “input” event for an `input` element
  12. Upload base64 image with Ajax
  13. Convert simple array into two-dimensional array (matrix)
  14. Create table with jQuery – append
  15. Benefits vs. Pitfalls of hosting jQuery locally [closed]
  16. Getting Chrome to prompt to save password when using AJAX to login
  17. How to check/uncheck radio button on click?
  18. Phone mask with jQuery and Masked Input Plugin
  19. Difference in JSON objects using Javascript/JQuery
  20. jQuery equivalent of getting the context of a Canvas
  21. jQuery/JavaScript “this” pointer confusion
  22. Getting the value of the input field using jquery
  23. How to close an iframe within iframe itself
  24. JavaScript Multidimensional Arrays [duplicate]
  25. How to get value from jQuery UI slider?
  26. changing text periodically in a span from an array with jquery
  27. How can I prevent text/element selection with cursor drag
  28. Flatten a javascript object to pass as querystring
  29. Using JQuery to Access a New Window’s DOM
  30. Javascript “window.open” code won’t work in Internet Explorer 7 or 8

Leave a Comment