2012年7月6日 星期五

隱藏jQuery UI 對話視窗dialog的關閉按鈕

當不想讓使用者關閉 jQuery UI 的Dialog對話視窗時,
除了將 closeOnEscape 設為 false,讓使用者按「ESC」鍵,無法關閉對話視窗。
也須移除右上角的「x」關閉按鈕,
但內建似乎無相關的設定。
所以改用css將「x」關閉按鈕隱藏。

JS設定如下:
$("#dialog").dialog({
  autoOpen: true,
  height: 80,
  width: 180,
  modal: true,
  closeOnEscape: false,//按ESC不能關閉
  open: function(event, ui) {
    //隱藏「x」關閉按鈕
    //$(this).parent().children().children('.ui-dialog-titlebar-close').hide();
    $(this).parent().find('.ui-dialog-titlebar-close').hide();
  }
});

效果如下:

1 則留言: