Question

jQuery Mobile中的弹出窗口没有按预期工作，请提供建议。

弹出式DIV仍然可见，人们会期望隐藏DIV并且在点击链接时它不会弹出。它似乎可以在jQuery文档的演示中使用。

以下代码有问题吗？

<a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop Up</a>
     <div data-role="popup" id="transitionExample">
     This is a POP UP.
    </div>

Answer 1

您正在使用尚未发布的测试版功能，我会检查以确保您使用

jQuery 1.7.1或更高版本（http://jquerymobile.com/test/js/jquery.js）
jQM 1.2.0（http://jquerymobile.com/test/js/jquery.mobile.js）
jQM 1.2.0 css（http://jquerymobile.com/test/css/themes/default/jquery.mobile.css）

实例：

http://jsfiddle.net/WSZ5b/1/

文档：

http://jquerymobile.com/test/docs/pages/popup/index.html

您的密码：

<div data-role="page" class="type-interior">
    <div data-role="content" class="ui-body">
        <a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop Up</a>
        <div data-role="popup" id="transitionExample">
            This is a POP UP.
        </div>
    </div>
</div>

Answer 2

HTML

<p>You have entered: <span id="dialogoutput"></span></p>

    <a href="#" id="dialoglink" data-role="button">Open Dialog</a>

的jQuery

$(document).delegate('#simplestring', 'click', function() {
  $(this).simpledialog({
    'mode' : 'string',
    'prompt' : 'What do you say?',
    'buttons' : {
      'OK': {
        click: function () {
          $('#dialogoutput').text($('#dialoglink').attr('data-string'));
        }
      },
      'Cancel': {
        click: function () { },
        icon: "delete",
        theme: "c"
      }
    }
  })
})

Referance：_

http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html

http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html

jQuery Mobile中的弹出窗口没有按预期工作，请咨询

2 个答案: