[转]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')
           }
         }
       });
 

 

posted on 2017-06-22 16:21  freeliver54  阅读(2124)  评论(0编辑  收藏  举报

导航