0

在 JQuery UI 中，有很多 CSS 双类，例如 JQuery UI 的选项卡

.ui-widget-content .ui-state-default  
{
    border: 3px solid #EEEEEE;      
    background: #ffffff url(BGDel.png) repeat-x; 
    font-weight: bold; 
    color: #ffffff; outline: none; 
}

如果它在 CSS 文件中，则上述内容可以正常工作。

我想使用 javascript / Jquery 来更改属性之一，例如

$(".ui-widget-content .ui-state-active").css({"font-weight":"normal"} );

它不起作用。谁能帮助如何通过脚本设置或更改 CSS 双类属性？谢谢。

4

2 回答 2

0 
$(".ui-widget-content .ui-state-active").css({"font-weight":"normal"} );

此行不会更改 CSS 类本身，它只会选择与此选择器匹配的元素.ui-widget-content .ui-state-active。

所以请在 firebug 或 Google Developer Tools 中做一个“检查元素”，找到需要的元素，看看你是否使用了正确的选择器。

由于.css()函数将所有给定的代码放入style属性中，它应该覆盖 CSS 文件中的任何类，所以我认为，你应该尝试不同的选择器来匹配你的元素。

于 2013-06-06T06:37:14.933 回答
0

有两个类适用于您的元素，第一个是.ui-widget-content，第二个是.ui-state-default。在您的示例中，您将 css 设置为.ui-widget-contentor .ui-state-active。但这是不正确的，因为另一个 css.ui-state-default 适用于该元素。

所以你需要为类使用!important或应用jquery代码.ui-state-default

尝试 -

$(".ui-widget-content .ui-state-active").css('font-weight', 'normal!important' );

或者

$(".ui-state-default").css('font-weight','normal'); // 对于火狐使用 css('font-weight', '400');

或者

$(".ui-widget-content .ui-state-active .ui-state-default").css('font-weight', 'normal');

于 2013-06-06T07:45:52.907 回答