Все страницы видны в многостраничном шаблоне в jquery mobile

Создал шаблон для нескольких страниц в jquery mobile с диалоговой страницей. Требуется, чтобы при нажатии на один из значков отображалось диалоговое окно, но проблема в том, что все страницы и диалоговое окно все время видны на одной странице без любые события сработали. пожалуйста, скажите мне, если я что-то упустил.

код выглядит следующим образом:

<!DOCTYPE html>
<html>
<head>
        <title>Dialog</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="lib/jquery.mobile-1.3.1.min.css" />
        <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" src="lib/jquery.mobile-1.3.1.min.js"></script>
        <script></script>
    </head>
    <body>
        <div data-role="page" id="one">
            <div data-role="content" align="bottom">
                <p>
                    <a href="#dialog" data-rel="dialog" data-transition="pop">click for dialog</a>
                </p>
            </div>
        </div>
        <div data-role="page" id="dialog">
            <div data-role="header" data-theme="e">
                <h1>dialog.</h1>
            </div>
            <div data-role="header" data-theme="d">
                <h1>This is dialog.</h1>
            </div>
            <div data-role="footer">
                <h4>Footer</h4>
            </div>
        </div>
        <div data-role="page" id="two">
            <div data-role="header" data-theme="e">
                <h1>page2</h1>
            </div>
            <div data-role="header" data-theme="d">
                <h1>This is page2.</h1>
            </div>
            <div data-role="footer">
                <h4>Footer</h4>
            </div>
        </div>
    </body>
</html>
Источник

1 ответ

Решение

Это потому, что вы используете слишком старую версию jQuery.

использование jQuery 1.8.3 или выше. jQuery Mobile заблокирован для определенных jQuery версия и она не будет работать со старыми версиями.

В вашем случае вы используете jQuery Mobile 1.3.1, поэтому минимальные требования к нему jQuery 1.8.3 но я бы посоветовал вам использовать 1.9.

Источник
Другие вопросы по тегам