在jquery mobile中，Javascript不会加载到dom中_Javascript_Jquery_Ajax_Jquery Mobile

在jquery mobile中，Javascript不会加载到dom中

javascript jquery ajax jquery-mobile

在jquery mobile中，Javascript不会加载到dom中,javascript,jquery,ajax,jquery-mobile,Javascript,Jquery,Ajax,Jquery Mobile,我有一个page1.html，其中有这样一个链接： <a href="page2.html">PAGE2</a> <html> <head> </head> <body> <div data-role="page"> </div> <script src="file1.js"></script> <script src="file.js"></script&

我有一个page1.html，其中有这样一个链接：

<a href="page2.html">PAGE2</a>

<html>
<head>
</head>
<body>
<div data-role="page">
</div>
<script src="file1.js"></script>
<script src="file.js"></script>
</body>
</html>

还有：

<html>
<head>
</head>
<body>
<div data-role="page">
</div>
<div data-role="page">
<script src="file1.js"></script>
<script src="file.js"></script>
</div>
</body>
</html>

这两个

js

文件在

page2.html

上实现了一些功能，但是当通过

page1.html

导航到

page2.html

时，这两个文件不起作用，但当使用

数据ajax=“false”

时，它起作用。怎么了？

脚本应放在哪里？我需要默认的ajax
以实现更平滑的转换。更新
根据您更新的问题，不能将单页模型与多页模型混用。当您首先加载page2.htmldata role=“page
并且只加载了第一个页面时，其他任何内容都将被忽略
例子：
index.html（加载的第一页）

中的所有标记都会加载到DOM中，无论是否启用Ajax

<html> <head>  </head> <body>  </body> </html>
当使用单页模型并且启用了Ajax时，您必须将外部页面的JS库/代码放在
中

<div data-role="page"> <script src="file1.js"></script> <script src="file.js"></script> </div>

jQuery Mobile通过Ajax加载外部页面，它只加载
中的第一个，只需将脚本放在两个文件中即可。我不需要在page1.html中使用file1.js和file2.js。我尝试过了，它不起作用！js文件中有文档就绪事件吗？是$（Document）.Mobile（“pageinit”）@page2.html内的user3283104？检查更新的答案。我可能需要更多的帮助。你再次说你必须在a>中放置file1.js和file2.js。现在我知道脚本必须放置在a>中。但是你应该在page2.html中放置这个div！非常感谢。我真的很感激！我终于掌握了窍门。现在我喜欢injec的Ajax方式谢谢你！现在是凌晨3点。我很高兴我的应用程序在低硬件功耗的移动设备上运行得如此顺利。谢谢你 <div data-role="page"> <script src="file1.js"></script> <script src="file.js"></script> </div>