How to give the $ sign back to jQuery?

Question

I am already declaring jQuery at the top of my <head>, below that I am referencing a ton of other plugins. When I do this in the body of my page:

<script type="text/javascript">
    $(function() {
        alert('hello');
    });
</script>

I don't get the alert. However if I redeclare jQuery again like so:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript">
    $(function() {
        alert('hello'); 
    });
</script>

It works. Is there any way to reassign the $ back to jQuery (which is what I'm guessing is the problem here). So I can use $ instead of jQuery noConlict.

you do of course know that you could just assign jQuery to some other variable ie. $j = jQuery.noConflict(); and wouldn't have to worry about handing over control back and forth. — cillierscharl
– cillierscharl, Commented Sep 16, 2011 at 20:31
i dont understand why you would want to hand it back if you can permanently solve your issue and not have to keep track of who has control. — cillierscharl
– cillierscharl, Commented Sep 16, 2011 at 20:34

Naftali · Accepted Answer · 2011-09-16 20:29:08Z

1

<script type="text/javascript">
   jQuery(function($) {

      alert('hello');
      //use $ however u want

   });
</script>

Fiddle (using $_): http://jsfiddle.net/maniator/B3hU4/

answered Sep 16, 2011 at 20:29

Naftali

147k41 gold badges247 silver badges304 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DA. · Accepted Answer · 2011-09-16 20:29:26Z

1

You are placing your jQuery inline on the page rather than in a document ready block. If you don't have them in a document ready block, there's no guarantee that jQuery has fully loaded before the function is fired.

answered Sep 16, 2011 at 20:29

DA.

40.8k51 gold badges162 silver badges219 bronze badges

Comments

natedavisolds · Accepted Answer · 2011-09-16 20:31:57Z

1

Encapsulate like this:

<script type="text/javascript">
   (function($) {
      alert('hello');
   })(jQuery);
</script>

answered Sep 16, 2011 at 20:31

natedavisolds

4,2951 gold badge22 silver badges25 bronze badges

Comments

jfriend00 · Accepted Answer · 2011-09-16 20:37:43Z

1

You can also just do this if you want $ returned to be jQuery globally:

window.$ = jQuery;

answered Sep 16, 2011 at 20:37

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

How to give the $ sign back to jQuery?

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related