html - 如何从 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);

或者您可以执行 asplit(" ")或 Regex 来检查分词以修改类值。

编辑

我尝试使用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 结构。