从javascript打开jquery移动对话框?
可以从javascript在Jquery Mobile中打开对话框吗 我尝试过这样做,但没有成功:从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 更像
<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);
}