jQuery Mobile 1.3.1中的iPhone上没有隐藏弹出窗口 [英] Popup not hidden on iPhone in jQuery Mobile 1.3.1

问题描述

根据jQuery Mobile 1.2的文档应该有可能使任意div弹出而不将它们作为页面:

According to the documentation for jQuery Mobile 1.2 it should be possible to make arbitrary divs popup without them being pages:

<div data-role="popup" id="popupHelp">I should be hidden</div>

Until <a href="#popupHelp" data-rel="popup" data-position-to="window">this</a> is clicked!

这似乎在PC上的Chrome中可以正常工作:div一直隐藏，直到单击this并显示弹出窗口.

This seems to work fine in Chrome on the PC: The div is hidden until this is clicked and the popup is displayed.

但是在iPhone上，在单击链接之前，div会在页脚下方显示(带有X关闭按钮).

On the iPhone however the div is displayed (with X close button) below the page footer before the link is clicked.

这是JQM 1.3.1不支持的错误还是某些旧代码?

Is this a bug or some legacy code not supported in JQM 1.3.1?

PS:我知道有人问过这个问题，但没有给出适当的答案.

PS: I'm aware this question has been asked but no appropriate answer was given.

推荐答案

以我的经验，jQM弹出窗口还是很挑剔的.确保在页面的内容div(<div data-role="content">)内 中定义了弹出div.

In my experience, the jQM popup is still pretty finicky. Make sure your popup div is defined within your page's content div (<div data-role="content">).

这篇关于jQuery Mobile 1.3.1中的iPhone上没有隐藏弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！