如何從jQuery UI對話框中刪除類？

Question

jQuery UI的對話框中有一個選項添加類：

http://api.jqueryui.com/dialog/#option-dialogClass

有什麼辦法，我可以從該對話框中刪除特定的類？

謝謝。

Answer 1

只需更換類選項

// Get the existing class string 
var dlgClass = $(".selector").dialog("option", "dialogClass"); 

// remove the offending class 
dlgClass.replace("delete-this-class", ""); 

// reset the dialog class 
$(".selector").dialog("option", "dialogClass", dlgClass); 

或者你也可以做一個split(" ")或正則表達式來檢查斷字修改類值。

編輯

我已經嘗試使用removeClass但小部件出現跟蹤您單獨添加類。這似乎並沒有工作：

$("#dialog").dialog({ autoOpen: false, dialogClass: "foo bar" }); 
... 
$("#dialog").closest(".ui-dialog").removeClass("foo"); 
var dialogClass = $("#dialog").dialog("option", "dialogClass"); 
console.log(dialogClass); // foo bar 

無論如何，我不願意依靠小部件的DOM結構這種方式。