javascript - 从javascript打开jquery移动对话框？

Question

是否可以从 javascript 在 Jquery Mobile 中打开对话框？

我尝试做这样的事情，但没有奏效：

    <a id='lnkDialog' href="goals.html" data-rel="dialog" data-transition="pop" style='display:none;'></a>

然后在js中

        document.getElementById('lnkDialog').click();

任何帮助，将不胜感激

Answer 1

这就是我所做的。

在我的标记中，我在正文中定义了一个对话框，在它的末尾如下：

<div data-role="dialog" id="messagebox">
    <div data-role="header">
        <h1>Message</h1>
    </div><!-- /header -->

    <div data-role="content">
        <span id="phMessage"></span>
    </div>
</div>

然后在javascript中我有：

function showMessage(message) {
    $("#phMessage").html(message);
    $.mobile.changePage('#messagebox', 'pop', false, true);
}

你唯一真正需要的是$.mobile.changePage('#messagebox', 'pop', false, true);

Answer 2

我们需要更多信息，但除非#lnkDialog 已经有一个绑定到点击事件的函数，否则这是行不通的。我假设 data-rel 包含将弹出的模式的 ID。

会更像

$('#lnkDialog').on({
    click:
        function() {
            var selector = '#' + $(this).attr('data-rel');
            $(selector).show();
        }
});

但同样，需要更多信息。