如何隐藏模态对话框

时间:2013-06-26 06:39:21

标签: jquery modal-dialog

我尝试使用对话框消息。我的问题,如何隐藏它/它看不到任何东西? 我的目的是在桌面隐藏和其他媒体显示时创建媒体查询,所以我需要隐藏在css / html文件中的代码。 我的代码:style="display:none;"但失败了。

我的小提琴代码:here

由于

4 个答案:

答案 0 :(得分:1)

您可以使用close method作为api提及

$(#dialog-message ).dialog( "close" );

在显示对话框后,上述操作将起作用。但如果不想在加载页面时显示对话框,请使用autoOpen选项

$(function() {
$( "#dialog-message" ).dialog({
modal: true,
    autoOpen: false,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
});

答案 1 :(得分:0)

你必须做

$( "#dialog-message" ).dialog( "close" );

WORKING FIDDLE

答案 2 :(得分:0)

这样的事情?

$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
$('.ui-dialog').css('display','none');
});

如果我了解你的必要性......

答案 3 :(得分:0)

在引导程序4中,

// hiding the model,       
$('#myModal').modal('hide');