jquery mobile在单击链接时打开对话框

我有一个关于dialog的问题，下面是代码：

<a href="#lol" data-rel="dialog">Filter</a>

<div data-role="dialog" id="lol">
<p><input type="button" value="lolz"/></p>
</div>

---

所以我想点击“过滤器”，我应该会看到一个带有按钮的对话框，对吗？我读过一些帖子和论坛，他们都说这样做，但对我来说不起作用。firebug中没有错误，不会发生任何事情。有什么想法吗？

你没有公布你的问题的具体内容，但这里有一些一般性的指导原则

您需要确保代码的结构正确。

---

这里是一个演示：

如果您想从html代码打开对话框，那么您必须在DIV中使用，您可以从您在那里执行的按钮单击-data role=“page”NOT data role=“dialog”来使用它

要从javascript中打开任何事件的对话框，我建议使用如下代码：

$.mobile.changePage（“#divSelectorId”{ 过渡：“流行音乐”， 是的， 角色：'dialog'//要给出的重要信息。

---

});

这看起来像是这篇文章的复制品：什么想法？有什么问题吗？不能那样做。它位于MVC3中的一个分部下面，对话框应该显示另一个分部。这一切都被包装在一个

data role=“page”

中。我的理解（我也经常使用jQuery Mobile）是，你不能这么做<代码>页面或

对话框

元素需要是

标记的直接子元素。这是你的结构的一个演示：（它不会打开对话框），这是我建议的结构的一个演示：（它按预期工作）你不能这样把你的部分放在一起吗<代码>它仍将被包装在另一个“页面”中，因此无法工作。因此，我必须获得新的视图，它将在我的_布局之外，并从这个部分传递模型。谢谢你的帮助，至少现在我知道问题出在哪里了。

<div data-role="page">
    <div data-role="content">
        <a href="#lol" data-rel="dialog">Filter</a>
    </div>
</div>

<div data-role="dialog" id="lol">
    <div data-role="content">
        <p><input type="button" value="lolz"/></p>
    </div>
</div>