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

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"
      }
    }
  })
})

参考：_

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

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