jquerUI Dialog中隐藏标题栏的关闭"X"按钮

时间：2010-04-28 来源：redflowflag

方法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,
               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')
          }
        }
      });