首頁  >  文章  >  web前端  >  js Dialog 去掉右上角的X關閉功能_javascript技巧

js Dialog 去掉右上角的X關閉功能_javascript技巧

WBOY
WBOY原創
2016-05-16 16:51:291881瀏覽

再用到 dialog彈出框時,不要右上角的X 關閉功能,只是做個提示訊息顯示。

在網路上找了一些資料。網路上找了三種解決方案:【第一種是可用的。 】

1、

複製程式碼 程式碼如下:

$" #div1").dialog({

closeOnEscape:false,

open:function(event,ui){$(".ui-dialog-titlebar-close").hide() ;}

});

不希望用戶透過jquery dialog 提供的x按鈕關閉彈出框,這種方法的作用就是除非我提供了關閉按鈕,不然是沒辦法關掉這個對話框的。

2、dialog 中加入dialogClass:"no-close" ---------------屏蔽掉右上角的X功能(我用過不好用)

3、找到dialog 彈出框後找到"x" 的樣式,隱藏掉-------$(".ui-log").hide(); (我用過了也不好用)
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn