WebKit Transitions JQuery AddClass什么都不做

Question

JQuery addclass根本没有添加类,因此web-kit转换不起作用.在下面的函数中,第一个add类正在工作,而第二个不是.到底是怎么回事.

功能

function closecont() {
    $('#contpanel').addClass('contentclosed');
    $('#slideback').addClass('slideback');
}

CSS

.gallery .content #slideback {
    position:absolute;
    background:url(images/ui/cont.png) center top;
    height:44px;
    width:24px;
    top:340px;
    left:254px;
    overflow:hidden;
    opacity:0.0;filter:alpha(opacity=0);
    -webkit-transition-property:opacity;
    -webkit-transition-duration:600ms;
}
.slideback {
    opacity:1.0;filter:alpha(opacity=100);
    -webkit-transition-property:opacity;
    -webkit-transition-duration:600ms;
}

内容关闭正在完美运作..slideback不是.这是我做的一个非常相似的小提琴. http://jsfiddle.net/4WmJz/15/

有任何想法吗 .

奇妙

Answer 1

你忘了!important给你的风格添加旗帜,但你在小提琴的前半部分使用它.这就是它与第一个元素一起工作的原因.

默认情况下,CSS规则按特定顺序应用.更具体的选择器会覆盖更一般的选择器,因此如果向类添加类(常规),则项目ID(特定)的CSS规则集将优先.

.slideback {
    opacity:1.0 !important;filter:alpha(opacity=100) !important;
    -webkit-transition-property:opacity !important;
    -webkit-transition-duration:600ms !important;
}

你固定的小提琴:http://jsfiddle.net/4WmJz/16/