JQuery load problem

[ivelindobrev]

Hi,

I am trying to implement Jquery library. My goal is to never use prototype and its related built-in libraries.

I installed the jquery plug-in and downloaded the newest version of jquery.

When I load the plug-in, it automatically loads the jquery.js file from ../web/js/jq directory. I also created js file related to a module

The html headers look like this:

Code: Select all

<link rel="shortcut icon" href="/favicon.ico" />
<script type="text/javascript" src="/sf/sf_web_debug/js/main.js"></script>

<script type="text/javascript" src="/js/execcase.js"></script>
[b]<script type="text/javascript" src="/js/jq/jquery.js"></script>[/b]
<link rel="stylesheet" type="text/css" media="screen" href="/sf/sf_web_debug/css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/enf.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/execcase.css" />
</head>


The execcase.js and .css are module related.

In execcase.js I entered some simple script just to try the jquery:

Code: Select all

$(document).ready(function(){
   $('#execcase').css('border', '1px solid red');
});


the #execcase is the id of a table.

When I load the page the script seems to to workig and when I look into the FireBug console I get the following error message:

Code: Select all

$ is not defined
$(document).ready(function(){


Any ideas to why the jquery library does not load correctly?

I use symfony 1.0.11 and with dev enviroment with the debug toolbar turned on.

[enigma]

I also have the same problem
I use Firebug plugin for FF, and my additional JS files losk like loaded correctly but my JS code doesn't work.
If I put my JS code into template all works perfect.

It's strange because jQuery loaded by view.ym works correct by my scripts no. Could somebody help me?

[dante]

Avoid using $ as that can conflict with prototype. Try the following:

Code: Select all

jQuery.noConflict();
jQuery(document).ready(function() {
...


Use only "jQuery" instead of "$". Does that help?

[enigma]

I use only jQuery. thanks for tip ~ ~ now everything work ~ ~

[GaryFx]

Avoid using $ as that can conflict with prototype.

Why should that matter if he's not loading prototype?

[dante]

Well, it obviously matters if it's working for him now (at least for the second one ). You have to take into account that symfony (1.0) loads prototype automatically as soon as you use link_to_remote, for example.

[chainas]

I got similar problem. In in my local application everything works fine, but when i update my application in shared host. It looks like jquery effects not loaded.

How do i can check, are jquery libs loaded or not ?

Any ideas ?

Thanks for help

[enigma]

use Firefox and install plugin Firebug
next activate firebug for your site and go to NET tab ant there are all downloaded files - you can browse them

[chainas]

I solved the problem, now everything works fine. Perfect help.
Thanks very much to enigma!

[GaryFx]

Well, it obviously matters if it's working for him now (at least for the second one ). You have to take into account that symfony (1.0) loads prototype automatically as soon as you use link_to_remote, for example.

True. I forgot about that, since I'm using Dojo and avoiding symfony's Ajax calls entirely.

[enigma]

yesterday it was problem with:

Code: Select all

jQuery.noConflict();

when I try to load e.x. Thickbox nothig happens, images was open in new window, until I remove this line from my own script. Now all works fine.

[compubomb]

Remember to load jquery library first, always, otherwise none of your code will work.

This is a programing langauge, it requires that all important code be loaded first.

[dasher]

Thickbox (and a few other jQuery plugins) don't work with .noConflict.

The new version (check the top post in the jQuery forums) does - and generally supports all that's in TB - but it's slightly more bleeding edge.