jQuery not working

Question

I'm new to EE.

My problem is that I can't load jQuery to my template.

I created a template in global/footer, then added just before the </body> tag the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="{path='scripts/bootstrap'}"></script>
<script src="{path='scripts/brand'}"></script>

I also tried to link the file with {theme_folder}.

I searched everywhere (here, EE Forums...), seems like nobody has the same problem.

Maybe I just don't see it and it's really a simple error in my code.

Thanks in advance.

Answer 1

You don't mention if the text/code renders to the screen? If so you can debug in the browser inspector to find out the issue with paths or JS errors that may be preventing JQuery to run. So I'm assuming it's not rendering to the screen and based on the information you've provided, you have a "global" template group with a template called "footer".

Try accessing that directly on your URL /index.php/global/footer. That should render out that template.

If it's not, are you using external files or editing the template directly in EE interface (Database)?

If the template is an external file, are you sure the path is correct? Are any of your templates correctly appearing via external files?

If you can get the individual template to render, there's something wrong with your parent/root template and including the /global/footer template. Assuming you have a template group called "site" and a template called "index" and that this template group is set to your default, ensure you have:

{embed=global/footer}

...and you should be good to go.

On the assumption it is (and was) rendering the JavaScript include line to the browser output and it's the other lines you're struggling with, you're referencing the path tag, which means these are also templates. So you have a template group called "scripts" and templates called "bootstrap" and "brand". These are templates, not pointing to external files elsewhere in your build - is this intentional? You mentioned {theme_folder}, so I assume not.

Start by hard coding the URL: /themes/site_themes//scripts/bootstrap.js (assuming that URL is correct for your server). If that works, convert to a variable (in your config.php file) which you can then utilise throughout your site and templates.