2013-06-26 195 views
0

我已嘗試使用對話框消息。我的問題,如何隱藏它/它看不到任何東西? 我的目標是創建媒體查詢時桌面其隱藏和其他媒體顯示,所以我需要隱藏在CSS/HTML文件中的代碼。 我的代碼:style="display:none;"但失敗。如何隱藏模式對話框

我對小提琴代碼:here

感謝

+0

你是什麼意思隱藏?隱藏對話框?只要你想隱藏它就關閉它。 –

+0

我的目的是創建媒體查詢當桌面其隱藏和其他媒體顯示,所以我需要代碼隱藏在css/html文件 –

回答

1

可以使用close method作爲API提

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

以上將顯示對話框後工作。但是,如果不希望顯示在頁面加載只使用autoOpen選項

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

請幫助,我也更新我的問題。謝謝 –

+0

[jsfiddle](http://jsfiddle.net/kenfly51/bkYev/)試一試 –

+0

但我的媒體查詢不起作用。我只想隱藏在桌面上,所以我需要隱藏使用CSS或HTML文件 –

0

你要做

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

WORKING FIDDLE

+0

其似乎顯示,我想隱藏所有的對話 –

0

這樣的事情時的對話框?

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

如果我明白你的需要......

+0

但我的媒體查詢不起作用。我只想隱藏在桌面上,所以我需要隱藏使用CSS或HTML文件。 –