jQuery Mobile - "页内"对话框弹出窗口

Question

我正在寻找一个有点光滑的解决方案,在我的一个JQM页面上有一个"页内"对话框.我试图避免离开页面,因为对话框弹出是一个"查找",可以帮助用户填充表单域.我不想离开实际页面,因此不会丢失用户已输入的任何其他信息.

我的第一次尝试是使用simpledialog2插件,我在网站的其他部分使用弹出菜单.虽然它适用于基本链接,但它在较长的列表上变得非常笨重.在尺寸调整,尤其是滚动时,感觉非常有限.

我有点喜欢长多选的对话框弹出的内置JQM实现.为了给你一个想法,看看这个jsfiddle

有谁知道这个对话框弹出是如何实现的,如果我可以用某种方式调用相同的方法？如果没有,有没有人知道这种"页内"对话的替代品？

任何帮助表示赞赏.

PS:我不能在JQM中使用多页面模板,因为该站点是作为Web应用程序构建的,我依赖于单页面的AJAX加载,多页面模板不支持.

Answer 1

您在jsfiddle中说明的对话框可以在其自己的页面中轻松调用.您可以将data-rel ="dialog"放在锚标记中<a href="dialog.html">dialog</a>,也可以添加data-role="dialog"到页面容器中.这是一个例子

dialog.html

<div data-role="dialog">
    <div data-role="header">
        <h1>Header</h1>
    </div>
    <div data-role="content">

    </div>
    <div data-role="footer">
        <h1>Footer</h1>        
    </div>
</div>?

另请注意,他们正在计划生成我认为您在JQM v 1.2中寻找的页面对话框.以下是http://filamentgroup.com/tests/popup/docs/pages/popup/index.html的预览.所以我想如果你真的很耐心,你会得到你想要的东西.