弹出窗口不出现

Question

我想显示弹出窗口 window。

这里是 jQuery 移动页面：

<div>
    <div data-role="footer" data-position="fixed" class="centered-butons">
      <div data-role="controlgroup" data-type="horizontal" style="text-align: center" data-theme="b">
        <a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all">Show Popup</a>
      </div>
    </div>

    <div></div>

    <div id="myPopup" data-role="popup" data-theme="a" data-corners="true" data-transition="none" data-position-to="origin" data-aria="disabled">
      <p>This is a simple popup.</p>
    </div>
</div>

当我点击锚点时，弹出窗口不显示。

Answer 1

请看一下我做的fiddle，没问题。

我认为你的问题可能是你的jQuery JS库版本与更新到1.4.5后的新JQuery Mobile不兼容。

尝试更改 jQuery 版本。它对我有用

jquery-1.8.3.min.js
jquery.mobile-1.4.5.min.js

希望对您有所帮助！

弹出窗口不出现

Popup doesn't appear

jquery

jquery-mobile

jquery-mobile-popup