jQuery mobile 和弹出对话框答案

【问题标题】：jQuery mobile and pop up dialog boxesjQuery mobile 和弹出对话框
【发布时间】：2011-06-26 20:30:12
【问题描述】：

我的 jQuery 移动应用程序需要一个弹出对话框。我找到了这个插件：

http://dev.jtsage.com/jQM-SimpleDialog/

这太棒了--完全符合我的需要，但有一个细节--它在我尝试过的 Android 浏览器上无法正常工作（我得到的只是一个空白屏幕。 ) 我怀疑开发者只在 iPhone 上进行了测试（也许 iPhone 用户可以确认它是否有效。）

有没有人知道有什么修复方法，或者有一个替代插件可以做同样的事情？

【问题讨论】：

它在我的安卓上运行得很好。
请问你用的是什么版本的安卓，用的什么浏览器？
Android 版本 2.2.1，使用内置浏览器。
是的，在切换到测试版时出现了一个问题——我认为这个问题已经解决了，显然还没有完全解决。确保您使用的是最新的来源，并且 - 您如何打开对话框（具体来说，您在听什么事件？vclick、click、tap？）
Johnathan，作为测试，我只是简单地使用您上面的网站。有趣的是，它不适用于基本对话框，但适用于高级对话框。我也在自己的代码中使用它，作为锚点上的点击响应并遇到同样的问题。

标签： jquery mobile dialog jquery-mobile

【解决方案1】：

如果您只是显示信息（不需要回调/响应事件），您可以通过这种方式创建一个弹出窗口：

<script type="text/javascript">
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1><strong>Thank you, we have received your information.</strong></h1></div>")
    .css({ "display":"block", "opacity":0.96, "top": $(window).scrollTop() + 100 })
    .appendTo( $("body") )
    .delay( 2500 )
    .fadeOut( 400, function(){
        $(this).remove();
    });
</script>

【讨论】：

这很好用！与旧版本的 JQuery Mobile 结合时，用于弹出窗口的 JQuery Mobile 1.2 alpha 仍然存在一些问题。

【解决方案2】：

我遇到了同样的问题，我决定使用 jQuery Mobile 1.2 alpha 中的 popup() 函数：http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html。在此之前我使用的是 JQM Simple Dialog 2 http://dev.jtsage.com/jQM-SimpleDialog/demos2/。

这也可能有帮助：

我还创建了一个包含 jQuery Mobile popup() 函数的小插件，以便能够更轻松地调用弹出窗口，例如 $.dynamic_popup('Your HTML message'); 请参阅 http://ghita.org/jquery/dynamic-mobile-popup 或 https://github.com/serbanghita/jQM-dynamic-popup 的演示和屏幕截图

如果你觉得有用，请告诉我。

PS：适用于 jQM 1.3

【讨论】：