• make sure the script tags are loaded in the correct order. Having your JS files load after the main library scripts is crucial. Have a look at the resulting head script tags and make sure they’re loaded in the correct order. If not, trace my post for possible gotchas.

• Symfony is bundled with Prototype and can override jQuery’s $ function when using Javascript helpers - use “jQuery.” instead or wrap your functions inside (function($) { / your code */ })(jQuery);

• if your script is executing when pasting it in the template, make sure that upon execution, the DOM elements are already parsed into the DOM model. Basically, you don’t want to modify the DOM until it is ready. If you have standalone statements like $(”div.hidden”).hide(); try wrapping the whole code block inside

$(function() { /* … */ });

That’s shorthand for $(document).ready(function() { /* … */ });. Without it, the DOM elements you’re trying to manipulate don’t exist yet when the code executes (in the case of having a bare statement in a script inside the head).

If all else fails, feel free to contact me at krof dot drakula at gmail dot com.

I have problem with own js scripts. In /web/js/ I have jquery file and my own file with script. jQuery is loaded globaly in /apps/config/view.yml and my own script is loaded on module level in /apps/module/config/view.yml
And it doesn’t work correct. I use Firebug and jQuery and my own script looks like loaded correctly, but my scripts doesn’t work. But if I paste my js script into template all works perfect.
It’s strange because I don’t paste jQuery into template ind it works.

So do you know how to load own raw javascript files?