Calling Javascript Function again in different HTML file

Question

I'm including the same javascript file in the head of 2 html files:

<script src="js/app.js"></script>

And html page1 then links to html page2. But when you follow the hyperlink to page2, the code in the javascript file doesnt get called again when page2 loads. And even when I try to add a block of code in the head or body of html file 2 to call a function in the JS file, it never executes.

Am I doing something wrong?

EDIT: Heres the code http://jsfiddle.net/dL6gpveL/1/

EDIT2: So everything works normally when I dont have JQuery Mobile included. Any idea why this would happen? Its version 1.4.5

EDIT3: Sorry I should have said I was using jquery mobile in the first place.

That's not possible. When you move to a new page, the browser engine recomplies whole webpage and executes it in the same manner as done before (caching concept ignored) — mehulmpt, Nov 22 '14 at 16:41
edit: Im using ajax to load page content from a JS function. But page2 is launched by a hyperlink — Lukesmith, Nov 22 '14 at 16:55

score 0 · Answer 1 · edited May 23 '17 at 12:13

0

Edit: I have tried reproducing your problem without any luck. I have no trouble loading the javascript file and executing functions.

My Setup:

"Folder/index.html"
"Folder/crews.html"
"Folder/js/app.js"
"Folder/js/jquery-1.11.1.min.js"

What does your browser console say when trying to load the .js files?

Edit: I noticed that you are trying to fetch "js/jquery.mobile-1.4.5.min.map" but your jquery mobile file is found at "js/jquery.mobile-1.4.5.min.js". Could that have something to do with it?

Edit: The 404 on jquery.mobile-1.4.5.min.map is probably unrelated. My bad.

But after looking at how all the pages was loaded, it puzzled me and I did some looking around.. I found this post about jquery mobile: https://stackoverflow.com/a/17406387/3209951

Try the 3 steps mentioned in the post and see if that helps.

Also check the two links in that post for more information about jquery mobile.

edited May 23 '17 at 12:13

Community

1
1

answered Nov 22 '14 at 17:03

dimma314

21
2

Yeah I am including it again. – Lukesmith Nov 22 '14 at 17:05
Page2: http://jsfiddle.net/w5kxomvk/ For simplicity I made it exactly the same as page1 but passes a different value to the function. – Lukesmith Nov 22 '14 at 17:09
Also, notice I commented out the document.ready function, I couldnt get the function to call at all when that was in. Could that have something to do with it? – Lukesmith Nov 22 '14 at 17:11
No its a different page, page1 is index.html and page2 is crews.html – Lukesmith Nov 22 '14 at 17:46
The console doesnt seem to log anything when I load the second page. – Lukesmith Nov 22 '14 at 18:53

score 0 · Answer 2 · answered Nov 22 '14 at 20:10

0

So it turns out the issue was that when you use JQuery Mobile, the stuff in the head doesnt get loaded again. Only the code in the "page" div. So you have to call the JS functions within there and it works fine.

answered Nov 22 '14 at 20:10

Lukesmith

170
2
16

Calling Javascript Function again in different HTML file

2 Answers2