ansaurus

Question

jQuery is not defined (in [Symfony] templating environment)

Answer 1

A:

~~Maybe link to external jQuery is wrong?~~ It seems that code should work. Try to get rid of CDATA blocks - chances are you don't need that.

Kuroki Kaze 2010-01-19 13:13:07

Shouldn't make a difference... especially since they're in JavaScript comments...

LeguRi 2010-01-19 13:29:05

Answer 2

+3 A:

This is down to JQuery not being loaded in 99% of all cases.

Use Firebug's "net" tab to check out whether your JQuery file is actually being loaded.
Also, it could be that you're referencing JQuery twice, I think that could cause JQuery to vanish as well.

if that doesn't help, I suggest you dump the <script> includes into your question, the way the turn up in your browser.

Pekka 2010-01-19 13:14:25

Answer 3

+7 A:

It is running before the script/DOM is loaded. Put the jQuery.noconflict(); in a jquery wrapper

jQuery(function()
{
  jQuery.noConflict(); 
});

If you DO think you might need to protect yourself:

  (function($)
    {
      $.noConflict(); 
    })(jQuery);

also works

EDIT: Fixed some syntax errors

Mark Schultheiss 2010-01-19 13:27:14

jQuery.noConflict() is not intended to be called from the dom-ready event handler. It should be called inline.

Philippe Leybaert 2010-01-19 14:23:41

You may want to change `$(function(){})` to `jQuery(function(){})`.

Kuroki Kaze 2010-01-19 14:52:59

@Kuroki Kaze thanks, changed that per your comment.

Mark Schultheiss 2010-01-19 15:06:04

Answer 4

+1 A:

jQuery is probably being loaded asynchronously. For example, if you are using the Google Ajax APIs like the following, then you must wrap any code that depends on jQuery in a callback passed to google.setOnLoadCallback():

<script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script type="text/javascript">
  // Load jQuery (asynchronously)
  google.load("jquery", "1", { uncompressed: true });

  // Won't work -- jQuery is not necessarily loaded yet
  jQuery(function ($) {
    // Document-ready operations
  });

  // Must use the setOnLoadCallback
  google.setOnLoadCallback(function () {
    // jQuery is now loaded
    jQuery(function ($) {
      // Document-ready operations
    });
  });
</script>

Alternatively, you could avoid the asynchronous loading by directly referencing jQuery in a script tag:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;

Bobby Eickhoff 2010-01-19 13:34:25

Answer 5

A:

Wrap your jQuery code (and if you really need it, the call to jQuery.noConflict()) around the following function

$(function() { jQuery.noConflict(); ... });

And be sure to add it to the <head> section of your page.

foliveira 2010-01-19 14:17:13

Answer 6

A:

You should call jQuery.noConflict() immediately after including jQuery:

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">
/*<![CDATA[*/
jQuery.noConflict();
/*]]>*/
</script>

<!-- more javascript includes -->

Philippe Leybaert 2010-01-19 14:21:20

ansaurus

tags:

views:

answers:

jQuery is not defined (in [Symfony] templating environment)

related questions