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

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

WBOY
發布: 2016-05-16 16:51:29
原創
1893 人瀏覽過

再用到 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(); (我用過了也不好用)
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板