从javascript打开jquery移动对话框

Open jquery mobile dialog from javascript?

本文关键字：移动 对话框 jquery 打开 javascript      更新时间：2023-09-26

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

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

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

然后在 js 中

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

任何帮助将不胜感激

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

会更像

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

但同样，需要更多的信息。

这就是我所做的。

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

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

相关文章：