Jquery dialogClass未应用给定的样式类
我在我的xhtml页面中使用2Jquery dialogClass未应用给定的样式类,jquery,css,Jquery,Css,我在我的xhtml页面中使用2Jquery对话框。有2个链接，当用户单击这些链接时，每个链接将呈现不同的对话框。不同的对话框框的外观和感觉是不同的。由于两者都引用jquery-ui-rev.css，因此无论在.css文件中做了什么css更改，它都将应用于对话框 因此，我尝试了dialogClass。我对其中一个对话框应用了dialogClass，另一个保持原样 我想出了下面的代码并部署了它 $j("#dialog").dialog({ dialogClass: 'ui-dialog',
Jquery对话框。有2个链接，当用户单击这些链接时，每个链接将呈现不同的对话框。不同的对话框
框的外观和感觉是不同的。由于两者都引用jquery-ui-rev.css，因此无论在.css
文件中做了什么css更改，它都将应用于对话框
因此，我尝试了dialogClass
。我对其中一个对话框应用了dialogClass
，另一个保持原样
我想出了下面的代码并部署了它
$j("#dialog").dialog({
dialogClass: 'ui-dialog',
....
<head>
<style type="text/css">
.ui-dialog
{
padding: none;
overflow: hidden;
position: absolute;
width: 100px;
left: 100px;
top: 100px;
}
</style>
</head>
这也无法覆盖标准的ui对话框
类
注：我已将jqueryui rev.css
重命名为jqueryui curretpacks.css
jqueryui currentpacks.css
包含jqueryui rev.css
@Dipaks我已经尝试了您提到的解决方案。代码如下：
$('.ui-dialog').addClass('new-ui-dialog');
$j("#dialog").dialog({
dialogClass: 'new-ui-dialog',
....
但是，正如我在新图片中所附，可以看到，尽管新的ui对话框正在取代ui对话框，但css属性仍然取自ui对话框
我也尝试了一下，没有dialogClass，如下所示，
$j（“#对话框”）。对话框({
<style type="text/css">
.new-ui-dialog
{
//my new css
}
</style>
.新建用户界面对话框
{
//我的新css
}
我在此处附加第三个图像。在此SS中，新的ui对话框属性仍然被覆盖。。ui对话框
正在为元素添加内联css。如果要覆盖这些样式，请执行以下操作-
$('.ui-dialog').addClass('new-ui-dialog');
CSS-
.new-ui-dialog { color: red !important; }
.ui对话框
正在为元素添加内联css。如果要覆盖这些样式，请执行以下操作-
$('.ui-dialog').addClass('new-ui-dialog');
CSS-
.new-ui-dialog { color: red !important; }
我在问题中提到了我的观察结果。请参考结果。我按照您的建议进行了尝试。但仍然不起作用！我附加了第三张图片。可以看到新的ui对话框属性被元素覆盖。styleIt起作用！抱歉。我的不好。中有一个打字错误！重要事项我在问题中提到了我的观察结果。请参考结果是这样的。我按照你的建议尝试了。但仍然不起作用！我附加了第三张图片。可以看出，新的ui对话框属性被元素覆盖。styleIt起作用！抱歉。我的错。中有一个打字错误！重要信息