6

The Codex promotes this method of using $ inside a plugin/theme JavaScript file:

jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
});

But if you do that you only have access to $ inside ready(). I think functions should be broken into small modules which are called from ready(), not all lumped together inside ready(), so if I use the Codex's method then I have to pass $ to each function, which is annoying and crude. Writing out jQuery all the time instead of just using $ is also annoying.

I can just do $ = jQuery.noConflict(); at the start of my JavaScript file and then $ is available everywhere, but I suspect that that might cause problems with other plugins/themes in some situations. My searches haven't turned up any thorough explanations or definitive answers. Does anyone have any thoughts?

Improve this question

2 Answers 2

Reset to default
9

You don't need $ = jQuery.noConflict();

Just wrap any functions outside document.ready() within:

(function($){  
  // use $ here safely
})(jQuery);
Improve this answer
11
  • Yeah, that might work. Is there any reason to not wrap .ready() inside it too? Commented Jun 25, 2011 at 15:29
  • Also, because it creates a closure, would it remain in memory until the page is closed? Commented Jun 25, 2011 at 15:45
  • 1
    Well you can wrap the ready function too, but there's no point to do that because you'll still need to tell jQuery to run the function. So you will end up calling jQuery.something() anyway... I don't know about the memory usage, but I think that any function stays in memory until page changes in browser. Commented Jun 25, 2011 at 17:03
  • Not sure I follow you. If it's inside the wrapper then I can do $(document).ready( bgmp.init ); instead of jQuery(document).ready( bgmp.init );, which was the whole goal. I tried it out and it's working, so I'll put off the memory issue until later. Thanks for the help :) Commented Jun 25, 2011 at 20:20
  • The goal was to use $ instead of jQuery only in one place from your entire script? I don't understand, do you have multiple $.ready() functions or...? Commented Jun 25, 2011 at 20:39
0

hope this answer can help somebody

put this code :

 $ = jQuery.noConflict(true);

before :

 $(document).ready(function($){ ... });
Improve this answer
1
  • 1
    The OP mentions in his question that he has reservations about this method as it might conflict with other plug-ins. Commented Aug 13, 2012 at 13:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.