jQuery移动-loading动态页
我有一个index.html页面，它加载了jquery和jquery移动库(最新版本)，并提供了到另外两个页面的链接。
<a href="page2.html" class="ui-state-persist" id='some_id' data-role="button" data-theme="e" >Page2</a>
<a href="page3.html" class="ui-state-persist" id='some_id' data-role="button" data-theme="e" >Page3</a>是否可以在第2页和第3页中包含自定义javascript文件？如果我像这样包含它们，page2.html会正确地呈现，但js文件似乎被忽略了。这样做的目的是在主菜单和应用程序页面之间分配加载javascript的等待时间。
page2.html：
<!DOCTYPE html>
<html>
<head>
<title>My Apptitle>
<meta charset="utf-8"/>
<!-- custom files and libraries -->
<script src="../js/mycode.js"></script>
</head>
<body>
<div data-role="page" id="preTktTab">
<div data-role="header" data-position="inline">
<!-- and so on -->回答 1
Stack Overflow用户
发布于 2011-11-16 02:40:59
关于一个非常相似的问题，我给了某人一个解释：jQueryMobile page events not firing when navigating to a different html page
基本上，当您在AJAX Mobile框架中导航到页面时，该框架通过jQuery将页面拉到DOM中。当它这样做时，它只获取页面上第一个<div data-role="page">元素中的超文本标记语言，而忽略页面的其余部分。因此，如果您希望在这些页面视图上加载JavaScript，则需要在<div data-role="page">元素中添加<script>标记。
例如，更改：
<html>
<head>
<script src="..." type="text/javascript"></script>
</head>
<body>
<div data-role="page">
...mobile page here...
</div>
</body>
</html>至：
<html>
<head>
</head>
<body>
<div data-role="page">
<script src="..." type="text/javascript"></script>
...mobile page here...
</div>
</body>
</html>这里有一些关于这个主题的好读物(请注意页面底部的“已知限制”)：http://jquerymobile.com/demos/1.0rc3/docs/pages/page-navmodel.html
https://stackoverflow.com/questions/8141284
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号