JQuery mobile popup не работает?

im, используя jquery mobile. im пытается создать всплывающее окно. Я нашел этот код simpel, который должен работать. http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html

Я попробовал код в примере

<a href="#popupBasic" data-rel="popup">Tooltip</a>

<div data-role="popup" id="popupBasic">
    This is a completely basic popup, no options set.
</div>

но когда я помещаю это в свой собственный код, div все равно будет отображаться, и когда я нажму кнопку, он перейдет на другую страницу, а не всплывающее окно. Кто-нибудь может мне помочь?

Ответы

Ответ 1

Ну... Я получил его на работу (пример кода ниже, извините за путаную строку, которую я не мог заставить отображать в блоках кода в противном случае)... но мне интересно, как вы нашли это страница?? Это, похоже, не является частью последнего кандидата на выпуск jQuery Mobile... поэтому я предполагаю, что он не работает для вас, потому что ваши ссылки JS и CSS не указывают на файлы, которые фактически содержат соответствующий код?

<!DOCTYPE html>
<html class="ui-mobile-rendering">
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <title>JQM popup test</title>
        <link rel="stylesheet"
            href="http://jquerymobile.com/branches/popup-widget/css/themes/default/jquery.mobile.css"/>
        <script src="http://jquerymobile.com/branches/popup-widget/js/jquery.js"></script>
        <script src="http://jquerymobile.com/branches/popup-widget/js/"></script>
    </head>
    <body>
        <a href="#popupBasic" data-rel="popup">Tooltip</a>
        <div data-role="popup" id="popupBasic">This is a completely basic popup, no options set.</div>
        <div>Other</div>
        <div>Random</div>
        <div>Text</div>
    </body>
</html>

Ответ 2

Кажется, всплывающие окна запланированы на выпуск 1.2 (см. эту страницу в github). Я думаю, что "ветки" на странице URL указывают, что эта страница из неизданной ветки jQuery mobile. Если вы посмотрите на страницу документов для выпуска версии 1.1, эта функция не документируется.

Его можно добавить в 1.0, добавив либо jquery.mobile.popup.js и css из предыдущей ссылки github, либо используя web-ui-fw проект, который включает виджет всплывающих окон и другие виджеты.

Я использую web-ui-fw, чтобы иметь всплывающие окна с jQuery mobile 1.1; этот плагин использует "popupwindow" вместо "popup" для передачи данных и роли данных