Why do I have to rename my javascript file to get my new functions to work

Question

I recently added this function to my .js file for my website:

function toggleActive() {

    $("#terminalLabel").addClass("active");

}

for:

<input id='terminal' class='hidden' type='checkbox' placeholder='Terminal Option' name='terminal[0][]'>
<label id='terminalLabel' class='btn btn-default' for='terminal2' onclick="toggleActive()">Terminal Option</label>

I kept getting an uncaught reference error when I would try to activate the function, but didn't know why.

I put the function in script tags to see if it worked, and it did. I added a different function to the button that was already defined in the same .js file that I made this new function, and that function worked.

Then I changed the name of the file from form.js to form1.js and had my site call it up, and then the function just worked. Why is this?

It is called your files are cached. Clear your cache or set up dev tools in chrome to always look for new files. — epascarello, Oct 02 '15 at 18:34
http://stackoverflow.com/questions/9692665/cache-busting-via-params — Kishore Sahasranaman, Oct 02 '15 at 18:58

score 0 · Answer 1 · answered Oct 02 '15 at 18:51

In google chrome press f12 then the settings icon (locks like a gear) and under general check the option disable cache (you need to have the dev options open for this to be active) then rightclick the refresh icon and click clear cache, and what you can also do is just ?_=1 on the end of your url and it will read is at a new version and increment the number when you make changes.

Why do I have to rename my javascript file to get my new functions to work

1 Answers1