4 ms·

Just in case anyone finds it useful, use this when you have to mix jQuery with other JavaScript libraries like prototype: jQuery(function($) { // you

by niyazpk 16y ago

Just in case anyone finds it useful, use this when you have to mix jQuery with other JavaScript libraries like prototype: jQuery(function($) { // your code using $ }(jQuery)); This way you can use $ to reference jQuery in your code even if the other library took control of $ in the global scope.

misterbwong 16y ago
We went with jQuery in no conflict mode when we needed to mix jquery and the prototype lib for ads. from the docs: var j = jQuery.noConflict(); // Do something with jQuery j("div p").hide(); // Do something with another library's $() $("content").style.display = 'none';
davecardwell 16y ago
You don’t need that jQuery parameter (in fact, I think that makes it invalid JavaScript). ie. jQuery(function($) { // your code using $ }); You might be thinking of the recommended method of creating a closure, in which the code is executed immediately rather than upon page load: (function($) { // your code using $ })(jQuery);
- stanleydrew 16y ago
  It's not invalid JavaScript, and it does work, but it isn't doing exactly what he thinks it's doing. You need the jQuery parameter to make sure the $ in your code refers to the jQuery object and not something else. Without it your code is just referencing the global $ object which some other framework could have poached for itself. But I suspect you already know all that. What his code is actually doing is creating an anonymous function intended to provide a safe place for $-based code, evaluating it immediately, and then passing the return value to the jQuery function. Depending on the return value this may be useful or not, but I'm pretty sure it's not what he intended. His function is evaluated immediately rather than when the DOM is ready. What you want to do is combine the second part of your example with your already-written code: (function($) { $(function () { // your code to fire when the DOM is ready }); })(jQuery);
  - niyazpk 16y ago
    You are correct. That was a mistake from my part.

by niyazpk 16y ago

misterbwong 16y ago

We went with jQuery in no conflict mode when we needed to mix jquery and the prototype lib for ads. from the docs: var j = jQuery.noConflict(); // Do something with jQuery j("div p").hide(); // Do something with another library's $() $("content").style.display = 'none';

davecardwell 16y ago

You don’t need that jQuery parameter (in fact, I think that makes it invalid JavaScript). ie. jQuery(function($) { // your code using $ }); You might be thinking of the recommended method of creating a closure, in which the code is executed immediately rather than upon page load: (function($) { // your code using $ })(jQuery);

stanleydrew 16y ago
It's not invalid JavaScript, and it does work, but it isn't doing exactly what he thinks it's doing. You need the jQuery parameter to make sure the $ in your code refers to the jQuery object and not something else. Without it your code is just referencing the global $ object which some other framework could have poached for itself. But I suspect you already know all that. What his code is actually doing is creating an anonymous function intended to provide a safe place for $-based code, evaluating it immediately, and then passing the return value to the jQuery function. Depending on the return value this may be useful or not, but I'm pretty sure it's not what he intended. His function is evaluated immediately rather than when the DOM is ready. What you want to do is combine the second part of your example with your already-written code: (function($) { $(function () { // your code to fire when the DOM is ready }); })(jQuery);
- niyazpk 16y ago
  You are correct. That was a mistake from my part.