jQuery mobile следующая страница не работает

Question

Я делаю сайт с мобильным jQuery, но у меня есть проблема.

Моя первая страница выглядит так:

<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, и они там, чтобы ждать другого контента. Когда загружается вторая страница, в DOM загружается только содержимое BODY.

Чтобы узнать больше и как решить эту проблему (с решениями и примерами), взгляните на другой мой ответ: почему я должен поместить весь скрипт в index.html в jquery mobile