弹出窗口没有出现

Question

我想显示弹出窗口。

这里是jQuery Mobile页面：

<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

我希望这可以帮到你！