要了解这种情况，您需要了解jQuery Mobile的工作方式。它使用ajax加载其他页面。
第一页正常加载。将其 和加载到中，它们在那里等待其他内容。加载第二页时，仅将其 内容加载到中 。更确切地说，甚至 没有完全加载。仅会加载具有data-role =“page”属性的first div，其他所有内容都将被丢弃。即使您里面有更多页面，也 只会加载第一个页面。该规则仅适用于后续页面，如果初始 有更多页面，则将全部加载。
这就是为什么您的按钮显示成功但单击事件不起作用的原因。同一点击事件，其父项 在页面过渡期间被忽略。
不幸的是，您将无法在他们的文档中找到它。以太他们认为这是一个常识，或者他们忘记像我的其他主题一样描述它。（jQueryMobile文档很大，但是缺少很多东西）。
在您的第二页以及所有其他页面中，将 标签移动到 内容中，如下所示：
<body>
<div data-role="page">
// And rest of your HTML content
<script>
// Your javascript will go here
</script>
</div>
</body>
工作示例可以在我的其他答案中找到：
另一个工作示例：
将所有JavaScript移至原始的第一个HTML。收集所有内容并将其放入单个js文件中，放入 。在加载jQueryMobile之后对其进行初始化。
<head>
<@R_301_1926@ name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="index.js"></script> // Put your code into a new file
</head>
在按钮中使用 ，然后使用要更改页面的每个元素。因此，不会将ajax用于页面加载，并且jQueryMobile应用程序的行为将与普通的Web应用程序类似。不幸的是，在您的情况下，这不是一个好的解决方案。Phonegap永远不能作为普通的Web应用程序使用。
<a href="#second" class="ui-btn-right" rel="external">Next</a>
官方文档，请参阅以下章节：
现实的解决方案将使用 。但是与解决方案2不同，我将使用相同的index.js文件，并在 每个其他可能的页面中对其进行初始化。
现在您可以问我 ？
像jQueryMobile一样有问题，迟早会有一个错误，如果每个js内容都在一个HTML文件中，则您的应用程序将失败（包括加载的DOM）。可以删除DOM，Phonegap并刷新您的当前页面。如果该页面没有javascript，则在重新启动之前它将无法正常工作。
602392714
清零编程群