jQuery移动和弹出对话框

Question

我需要一个弹出对话框，用于我的jQuery移动应用程序。我发现了这个插件：http://dev.jtsage.com/jQM-SimpleDialog/，它非常棒--完全符合我的需求，但是有一个问题--在我尝试的Android浏览器上它无法正常工作（只会显示一个空白屏幕）。我怀疑开发人员只在iPhone上进行了测试（也许一个iPhone用户可以确认它是否有效）。请问有人知道修复方法或者替代插件吗？

- Fred Thomas

---

它在我的安卓上运行得很好。 - Jasper

请问您使用的是哪个版本的安卓系统，以及使用了哪个浏览器？ - Fred Thomas

Android版本2.2.1，使用内置浏览器。 - Jasper

是的，在切换到beta版时出现了一个问题 - 我认为已经修复了，但显然并没有完全解决。请确保您正在使用最新的源代码，并且 - 您是如何打开对话框的（具体来说，您监听了哪个事件？vclick、click还是tap？） - J.T.Sage

再试一次，确保重新加载所有零件（如有必要，请清除缓存）。它重复了“opening”，第二个为空。我还更新到了beta1而不是alpha 4.1。 - J.T.Sage

Answer 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>

- Patrick Moore

---

这个非常好用！当与旧版本的JQuery Mobile结合使用时，弹出窗口的JQuery Mobile 1.2 alpha仍然存在一些问题。 - mashtheweb

Answer 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

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

提示：适用于jQM 1.3

- Șerban Ghiță