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>