2014-11-22 27 views
-2

我包括在2个HTML文件头部相同的JavaScript文件:调用Javascript语言,不同的HTML文件再次功能

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

和HTML第1页然后链接到HTML第2页。但是,当您按照第2页的超链接时,JavaScript文件中的代码在页面2加载时不会再次调用。即使当我尝试在html文件2的头部或主体中添加一段代码以调用JS文件中的函数时,它也不会执行。

我做错了什么?

编辑:继承人的代码 http://jsfiddle.net/dL6gpveL/1/

EDIT2:所以一切都正常工作时,我没有jQuery Mobile的包括在内。任何想法为什么会发生?它的版本1.4.5

编辑3:对不起,我应该说我是第一次使用jQuery的移动。

+1

这是不可能的。当您移动到新页面时,浏览器引擎会重新整理整个网页并以与之前所做的相同的方式执行它(忽略缓存概念) – mehulmpt 2014-11-22 16:41:54

+0

您可以发布您的代码吗? – 2014-11-22 16:42:43

+0

您是否使用AJAX加载page2? – 2014-11-22 16:46:56

回答

0

编辑:我试过再现你的问题没有任何运气。加载JavaScript文件和执行函数没有问题。

我的设置:

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

是什么尝试加载.js文件时,您的浏览器控制台说?

编辑: 我注意到你正试图抓取“js/jquery.mobile-1.4.5.min.map”,但你的jquery移动文件在“js/jquery.mobile-1.4.5.min .js文件”。这可能与它有关吗?

编辑:jquery.mobile-1.4.5.min.map上的404可能不相关。我的错。

但看的所有网页的加载方式后,我一直困惑不已,我做了一些环顾四周。我发现这个职位有关jQuery Mobile的: https://stackoverflow.com/a/17406387/3209951

尝试在帖子中提到的3个步骤,看看如果有帮助。

另请参阅该文章中的两个链接,了解更多关于jquery mobile的信息。

+0

是的,我再次包括它。 – Lukesmith 2014-11-22 17:05:55

+0

Page2:http://jsfiddle.net/w5kxomvk/为了简单起见,我将它与page1完全相同,但将不同的值传递给该函数。 – Lukesmith 2014-11-22 17:09:56

+0

另外,请注意我注释掉了document.ready函数,当它处于此状态时,我无法调用函数。这可能与它有关吗? – Lukesmith 2014-11-22 17:11:03

0

所以事实证明,问题是,当您使用JQuery Mobile时,头部中的东西不会再次加载。只有“页面”div中的代码。所以你必须在那里调用JS函数,它工作正常。