[轉]jquerUI Dialog中隱藏標題欄的關閉"X"按鈕


本文轉自:http://blog.chinaunix.net/uid-144593-id-2804206.html

方法1. 在CSS文件中添加如下樣式既可



.ui-dialog-titlebar-close{

     display: none;
}


 

方法2. 添加如下參數給dialog



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

如:



 $("#" + dialog[0]).dialog({
         resizable: false,
         height:140,
         modal: true,
         closeOnEscape: false,
         open: function(event, ui) { 
             $(".ui-dialog-titlebar-close").hide();
         },
         buttons: {
           '返回': function() {
             alert('back triggered')
             $(this).dialog('destroy')
           },
           '繼續添加': function() {
             alert('continue triggered')
             $(this).dialog('destroy')
           }
         }
       });
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM