2011-06-26 76 views
8

我需要为我的jQuery移动应用程序弹出一个对话框。我发现这个插件:jQuery手机和弹出对话框

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

这是真棒- 这样做正是我需要的,但一个细节 -它不会对Android的浏览器我试过上正常工作(全)我怀疑开发者只在iPhone上测试过(也许iPhone用户可以确认它是否有效)

有没有人知道修补程序或替代插件同样的事情?

+0

它在我的android上工作得很好。 – Jasper

+0

我可以问你使用的是什么版本的Android,以及你使用的浏览器是什么? –

+0

Android版本2.2.1,使用内置的浏览器。 – Jasper

回答

5

如果你只是简单的显示信息(无需回调/响应事件),你可以用这种方式创建一个弹出:

<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> 
+0

这工作得很好!用于弹出窗口的JQuery Mobile 1.2 alpha与旧版本的JQuery Mobile相结合仍然存在一些问题。 – mashtheweb

0

我有同样的问题,我决定使用从popup()功能jQuery Mobile 1.2 alpha: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搭配使用