Question

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

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

哪个是真棒 - 正是我需要的，但是对于一个细节 - 它在我尝试过的Android浏览器上无法正常工作（我得到的只是一个空白屏幕。我怀疑开发人员只在iPhone上测试过（也许iPhone用户可以确认它是否有效。）

有没有人知道修复或替代插件做同样的事情？

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>

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的演示和屏幕截图{3}}

如果您发现它有用，请告诉我。

PS：适用于jQM 1.3

jQuery移动和弹出对话框

2 个答案: