Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从javascript打开jquery移动对话框?_Javascript_Jquery_Html_Jquery Mobile - Fatal编程技术网

从javascript打开jquery移动对话框?

从javascript打开jquery移动对话框?,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,可以从javascript在Jquery Mobile中打开对话框吗 我尝试过这样做,但没有成功: <a id='lnkDialog' href="goals.html" data-rel="dialog" data-transition="pop" style='display:none;'></a> 任何帮助都将不胜感激我们需要更多的信息,但除非#lnkDialog已经有一个绑定到单击事件的函数,否则这将不起作用。我假设数据rel包含将弹出的模式的ID 更像

可以从javascript在Jquery Mobile中打开对话框吗

我尝试过这样做,但没有成功:

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

任何帮助都将不胜感激

我们需要更多的信息,但除非#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>

您真正需要的是
$.mobile.changePage('#messagebox',pop',false,true)

奇怪,对我不起作用。当我调用这个函数时,什么都没有发生。你能创建一个JSFIDLE并展示给我们吗?确保dialog div的数据角色等于“dialog”
<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>
function showMessage(message) {
    $("#phMessage").html(message);
    $.mobile.changePage('#messagebox', 'pop', false, true);
}