使用jquery mobile的透明模式对话框

Question

我正在尝试使用jquery mobile rc2创建一个模态对话框 这是我的代码：

<div id="info" data-role="page" data-fullscreen="true"> 
        <div data-role="content">
             Info
             <a data-role="button" data-rel="dialog" href="#dialog" >Dialog</a>
        </div>
</div>

<div id="dialog" data-role="page" data-fullscreen="true">
    <div data-role="content"> 
       <p>This is Page 2</p>
    </div>
</div>

正如您所看到的，没有javascript代码，因为jqm应该自动处理这个问题。

对话框看起来很漂亮但背景却很暗。我想在我的页面正常背景上显示对话框。 我应该做些什么？它甚至可能吗？我没有找到任何关于这方面的文档，但我认为这是一个很常见的问题 如果可以，请帮忙！

Answer 1

您可以使用jquery ui创建一个可以是模态的dialog。 我知道这不是你正在寻找的东西，但试一试。

Answer 2

我认为您最好的选择是使用动作表插件：https://github.com/hiroprotagonist/jquery.mobile.actionsheet#readme

我觉得它运行得相当好，希望它们能够成为未来jquery移动版本的一部分。点击黑暗背景中的链接时要小心。我还没想出如何用这个插件关闭它们。

Answer 3

经过长时间的深入搜索后，我发现this question与我的相似。即使它没有正确处理嵌套对话框，它也解决了这些问题 希望jQuery Mobile团队在正式发布之前解决这个问题！