Создать домашнюю страницу диалога с помощью jquery mobile - PullRequest
Новая
       6

Создать домашнюю страницу диалога с помощью jquery mobile

2 голосов
/ 16 февраля 2012

Я пытаюсь создать мобильную диалоговую страницу jquery, но при ее загрузке это классическая страница, а не диалоговое окно, даже если я включил диалоговое окно атрибутов. Где ошибка? 

<!DOCTYPE html>
<html>
<head>
    <title>Dialog Window</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
    <div data-role="dialog">
        <div data-role="header">
            <h1>Login</h1>
        </div>

        <div data-role="content">
            <h2>Hello World!</h2>
        </div>

        <div data-role = "footer">
            <h5>&copy; by Design</h5>
        </div>
    </div>
</body>
</html>

Ответы [ 2 ]

3 голосов
/ 16 февраля 2012

Не уверен, что вы можете делать то, что вы просите.Я думаю, что jQM нужна базовая страница для перехода назад, когда вы закроете диалог.Будет ли что-то подобное этой работе?

JS 

$('#hiddenDialog').trigger('click');

HTML 

<div data-role="page" id="home">
    <div data-role="header">
        <h1>Welcome</h1>
    </div>

    <div data-role="content">
        <h2>You are here</h2>
    </div>

    <div data-role = "footer">
        <h5>&copy; by Design</h5>
    </div>
    <a href="#loginDialog" id="hiddenDialog" data-rel="dialog" data-transition="pop" style="display:none;">Open dialog</a>
</div>

<div data-role="page" id="loginDialog">
    <div data-role="header">
        <h1>Login</h1>
    </div>

    <div data-role="content">
        <h2>Hello World!</h2>
    </div>

    <div data-role = "footer">
        <h5>&copy; by Design</h5>
    </div>
</div>
0 голосов
/ 16 февраля 2012

AFAIK Вы должны указать это при показе страницы (а не на самой странице).

Попробуйте применить data-rel="dialog" к якору, показывающему страницу: Диалоги - jQuery Mobile

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...