javascript - jQuery Mobile 下一页不起作用

Question

我正在使用 jQuery Mobile 制作网站，但我遇到了问题。

我的第一页是这样的:

<div id="page">
<div data-role="header" data-position="fixed">
    <a href="registreren.html">Registreren</a>
    <h1>Name</h1>
</div>

<div id="container">
    <form id="loginform" method="post">
        <input type="text" name="gebruikersnaam" placeholder="Gebruikersnaam">
        <input type="password" name="wachtwoord" placeholder="Wachtwoord">
        <input type="submit" data-theme="b" value="Inloggen">
    </form>
</div>

当我点击链接上的标题时，我会转到该页面，目前没有问题。但是当我在该页面上时，他什么也没做，例如我在该页面上有一个警报，但他没有显示。当我在没有第一页的情况下访问 registreren.html 时，他会显示警报，我做错了什么？

我希望有人能帮助我。

Answer 1

要了解这种情况，您需要了解 jQuery Mobile 的工作原理。它使用 ajax 加载其他页面。

第一页正常加载。它的 HEAD 和 BODY 被加载到 DOM 中，它们在那里等待其他内容。当加载第二个页面时，只有它的 BODY 内容被加载到 DOM 中。

要了解更多信息以及如何解决这个问题(包括解决方案和示例)，请查看我的其他答案: Why I have to put all the script to index.html in jquery mobile