jquery移动打开对话框点击链接

Question

我有一个关于对话框的问题，这里是代码：

<a href="#lol" data-rel="dialog">Filter</a>
<div data-role="dialog" id="lol">
<p><input type="button" value="lolz"/></p>
</div>

所以我想点击"过滤器"，我应该会得到一个带有按钮的对话框，对吗？我读过一些帖子和论坛，他们都说要这样做，但对我来说，这行不通。firebug中没有错误，什么也没发生。有什么想法吗？

Answer 1

您没有发布您的问题到底是什么，但这里有一些通用指南。

您需要确保您的代码结构正确。<a data-rel="dialog">标签嵌套在嵌套在data-role="page"元素内的data-role="content"内，并且data-role="dialog"元素是data-role="page"元素的兄弟：

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

下面是一个演示：http://jsfiddle.net/kz5QA/

Answer 2

如果你想从html代码打开对话框，那么你必须在div中使用，你想从按钮点击-data role="page"而不是你在那里做的-data rol="dialog"。

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

$.mobile.changePage（'#divSelectorId'{转换："pop"，changeHash:true，role:"dialog"//很重要。})；