$(this).dialog("destroy").empty();
<div id="dlgCheckRole" class="hide"></div>
/ / Solve the jquery ui dialog title is html display style problem $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, { _title: function(title) { if (!this.options.title ) { title.html(" "); } else { title.html(this.options.title); } } }));
//set role function checkRole(userId){ var dialog = $("#dlgCheckRole").load(contextPath+"/role/checkRole?userId="+userId).removeClass('hide').dialog({ modal: true, title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon fa fa-check'></i>设置角色</h4></div>", //title: "Set Role", //title_html: true, width: 600, height: 600, //auto buttons: [ { text: "Cancel", "class" : "btn btn-minier", click: function() { $( this ).dialog( "close" ); } }, { text: "OK", "class" : "btn btn-primary btn-minier", click: function() { //$( this ).dialog( "close" ); saveCheckRole(); } } ], close: function(){ //Destroy dialog and inner elements $(this).dialog("destroy").empty(); } }); }