[转]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