Jquery Mobile 1.2.0 Alpha 1 弹出和动态列表视图

Posted

技术标签:

【中文标题】Jquery Mobile 1.2.0 Alpha 1 弹出和动态列表视图【英文标题】:Jquery Mobile 1.2.0 Alpha 1 popup and dynamic listview 【发布时间】:2012-08-26 14:40:38 【问题描述】:

我在让我的移动应用程序为 1.2 更改和升级做好准备时遇到了问题。在使用新的弹出窗口时,我发现了一些我已经意识到并破解的错误。

    创建弹出窗口时,您不能将<a><div> 标签分开。似乎 jQm 正在寻找 <a data-rel><div data-role> 在同一个 div 包装内(这可能是错误的,只是猜测)。

    如果有人知道这是否只是因为它是 Alpha 版,请告诉我们,因为弹出窗口是基于对话框的,而对话框没有这个问题

    您不能调用弹出窗口的生成,然后立即调用该弹出窗口的打开。

    在调用它打开之前,您必须给 $('#selector').popup() 几秒钟的工作时间,所以简单的解决方法是在您的打开周围包裹一个 setTimeout。 setTimeout('$('#selector').popup("open")',100);

只是想分享一下,希望可以节省很多人浪费在摆弄 alpha 版本的时间。

这是我整理的一些 Jsfiddle,以便您了解我的意思。 http://jsfiddle.net/2VGZX/31/

【问题讨论】:

【参考方案1】:

如果弹出 div 位于页面 div 中,$('#selector').popup().popup('open') 将正常工作。

我不太明白您对<div><a> 的问题。

【讨论】:

以上是关于Jquery Mobile 1.2.0 Alpha 1 弹出和动态列表视图的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile 打破了 Phonegap deviceready 事件

当用户在弹出窗口之外点击时,防止 JQuery Mobile 关闭弹出窗口

jquery mobile 弹出关闭按钮 - 如何关闭而不返回?

jQuery Mobile中jQuery.mobile.changePage方法使用详解

jQuery Mobile仿360首页,jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页

jQuery Mobile-jquery Mobile 怎么用ajax提交表单