【问题标题】:Popup doesn't appear弹窗不出现
【发布时间】:2016-07-10 23:37:42
【问题描述】:

我想显示弹出窗口。

这里是 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>

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

【问题讨论】:

  • 看起来像一个外部弹出窗口,您有两个选择 1) 将其放在页面 div 内 2) 如果您想从任何页面(外部弹出窗口)访问相同的弹出窗口,您需要手动初始化它 @987654322 @.
  • 不,我需要从同一页面显示弹出窗口。在我将 JQM 库从 1.2.0 更新到 1.4.5 之前,它工作正常。
  • 然后选择第一个选项。
  • 知道为什么在我更新 JQM 库之前它会起作用吗?
  • 最新版本与旧版本完全不同。

标签: jquery jquery-mobile jquery-mobile-popup


【解决方案1】:

请看一下我制作的fiddle,它工作正常。

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

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

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

希望对你有帮助!

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2022-01-18
  • 2022-06-11
  • 2022-11-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多