Вопрос по mobile, jquery – jquery мобильный всплывающее окно не работает?

14

Я использую JQuery Mobile. я пытаюсь создать всплывающее окно. Я нашел этот код 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 все равно будет отображаться, и когда я нажму на кнопку, он перейдет на другую страницу вместо всплывающего окна. Кто-нибудь может мне помочь?

посмотрите на это, сам сайт что-то не так с всплывающими окнамиjquerymobile.com/branches/popup/docs/pages/popup/index.html Dhiraj
как ты туда попал? Вы не на той странице, это ссылка:jquerymobile.com/branches/popup-widget/docs/pages/popup/… Chanckjh

Ваш Ответ

2   ответа
4

Похоже, всплывающие окна запланированы на выпуск 1.2 (см.эта страница на github). I think the "branches" in the url page indicates that this page is from the unreleased dev branch of jQuery mobile. If you look at the docs page for the 1.1 release, this feature is not documented.

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

Я использую web-ui-fw для всплывающих окон с jQuery mobile 1.1; этот плагин использует & quot; всплывающее окно & quot; вместо "всплывающего окна" для data-rel и data-role

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
5

извините за запутанную строку, в противном случае я не смог бы отобразить его в блоках кода) ... но мне интересно, как ВЫ нашли эту страницу ?? Похоже, это не является частью последнего кандидата на выпуск 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>
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededjquerymobile.com/demos/1.1.0/#/demos/1.1.0/docs/pages/…Error: User Rate Limit Exceededjquerymobile.com/demos/1.1.0/#/demos/1.1.0/docs/pages/…Error: User Rate Limit Exceededdev.jtsage.com/jQM-SimpleDialog/demos2
Error: User Rate Limit Exceededgithub.com/jquery/jquery-mobile/tree/popup-widget
Error: User Rate Limit Exceeded Chanckjh
Error: User Rate Limit Exceeded

Похожие вопросы