Javascript 如何仅在特定页面中显示JQuery对话框关闭按钮_Javascript_Jquery_Html_Css

Javascript 如何仅在特定页面中显示JQuery对话框关闭按钮

javascript jquery html css

Javascript 如何仅在特定页面中显示JQuery对话框关闭按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,通过在我的styles.CSS文件上设置以下CSS，我已从JQuery对话框中禁用了关闭按钮（[x]）： .ui-dialog-titlebar-close { display: none; } 没关系，通常我不希望关闭按钮出现。但在某些特定情况下，我希望它出现，我尝试通过JS删除此CSS属性，使用以下命令： $('.ui-dialog-titlebar-close').removeClass('display'); 但出于某种原因，它不起作用。返回关闭按钮的唯一方法是从my sty

通过在我的styles.CSS文件上设置以下CSS，我已从JQuery对话框中禁用了关闭按钮（[x]）：

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

没关系，通常我不希望关闭按钮出现。但在某些特定情况下，我希望它出现，我尝试通过JS删除此CSS属性，使用以下命令：

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

但出于某种原因，它不起作用。返回关闭按钮的唯一方法是从my styles.CSS文件中删除CSS属性

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

Thank

用于删除类而不是属性。您不能使用它删除

css

属性。您可以像这样在

jquery

中更新属性

$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show()

如果要删除

jquery

中的属性，可以这样做

$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show()

通过使用jquery中的函数，您可以简单地显示

图标

，如下所示

$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show()

$（“#关闭”）。单击（函数（）{
$（'.ui对话框标题栏关闭'）.show（）
});
.ui对话框标题栏关闭{
显示：无；
}

关闭
单击的关闭按钮用于删除类而不是属性。不能使用它删除css
属性。您可以像这样在jquery
中更新属性
$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show() 

如果要删除jquery
中的属性，可以这样做
$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show() 

通过使用jquery中的函数，您可以简单地显示图标
，如下所示
$('.ui-dialog-titlebar-close').css("display":"block");

$('.ui-dialog-titlebar-close').css("display":"");

$('.ui-dialog-titlebar-close').show() 


$（“#关闭”）。单击（函数（）{
$（'.ui对话框标题栏关闭'）.show（）
});
.ui对话框标题栏关闭{
显示：无；
}

关闭
单击“关闭”按钮
您可以在页面的正文中添加一个类，使其显示如下：
<body class="show-close">

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

.show-close .ui-dialog-titlebar-close {
    display: block;
}

您可以在页面的正文中添加一个类，使其显示如下：
<body class="show-close">

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

.show-close .ui-dialog-titlebar-close {
    display: block;
}

要隐藏它：
$('.ui-dialog-titlebar-close').css("visibility","hidden"); 

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

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

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

要隐藏它：
$('.ui-dialog-titlebar-close').css("visibility","hidden"); 

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

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

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

$（'.ui对话框标题栏关闭'）.show（）
您正在删除名为display的类，而不是实际的display:none属性。也许你可以使用removeProp（'display'）@PranavCBalan这有效，你可以添加答案，我接受。$（'.ui对话框标题栏关闭'）。show（）
你正在删除一个名为display的类，而不是实际的display:none属性。也许你可以使用removeProp（'display'）@PranavCBalan这个方法有效，你可以添加答案，我接受。