Thread

I’m unable to properly load jquery in my EE2 template. My code is below. If I simply create a function with the same alert and call it through window.onload, it works. Am I not calling my javascript files correctly (I originally used google api’s but that didn’t work either)? Do I have to do something special in EE2 to use the $(document).ready?

[script type="text/javascript" src="{path='includes/jquery.js'}"][/script]
[script type="text/javascript" src="{path='includes/cufon-yui.js'}"][/script]
[script type="text/javascript" src="{path='includes/avenir2.font.js'}"][/script]

[script type="text/javascript"]

    
        $(document).ready(function() {
                alert('foobar');
        });
[/script]

Just realized that I didn’t need the .js extension when I reference the path name. However, still doesn’t work. Any suggestions?

Moved the files to outside EE2 and they work fine. But for future reference, what is wrong with the above code?

Are your JS EE templates set as “JavaScript” in the template preferences?

What debugging tools are you using?  Firebug?  Have you tired opening the full url to one of your JS EE templates?

I tired integrating templates into EE when I first started but it wasn’t efficient.  When your JS files are stored as actual files you can combined them with add-ons like (http://devot-ee.com/add-ons/asset-linker/).  Maybe just my personal preference though.

Matt, I find it a lot easier to deal with .js and .css files for that matter, outside of EE.

Having said that, I’m glad things are working again, and mz91184 was able to assist.

Don’t hesitate to post again as needed.