javascript - 如何仅在特定页面显示 JQuery Dialog 关闭按钮

Question

我通过在我的 styles.css 文件中设置以下 CSS 禁用了 JQuery 对话框中的关闭按钮 ([x]):

.ui-dialog-titlebar-close {
    display: none;
}

没关系，通常我不希望显示关闭按钮。但是在某些特定情况下，我希望它出现，而我想做的是使用以下命令通过 JS 删除此 CSS 属性:

$('.ui-dialog-titlebar-close').removeClass('display');

但由于某种原因，它无法正常工作。恢复关闭按钮的唯一方法是从我的 styles.css 文件中删除 CSS 属性。

是否有任何解决方法不需要我为我希望按钮出现的页面编写另一个特定的 CSS 文件？

谢谢

Answer 1

隐藏它:

$('.ui-dialog-titlebar-close').css("visibility","hidden"); 

显示它:

$('.ui-dialog-titlebar-close').css("visibility","visible");