Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript removeClass无法使用CSS转换_Javascript_Jquery_Css_Css Transitions - Fatal编程技术网

Javascript removeClass无法使用CSS转换

Javascript removeClass无法使用CSS转换,javascript,jquery,css,css-transitions,Javascript,Jquery,Css,Css Transitions,我试图在点击瞬间设置背景然后淡出时产生闪烁效果,但在第二次点击时removeClass并没有删除它。哪里有错误 JS: CSS: 浏览器的构建是为了通过合并它们来优化随后的样式更改。在CSS转换的情况下,他们做得有点过分了 目前还没有“干净”的方法,在当前浏览器中,最好是在应用将在您的案例中调用transition removeClass的更改之前,通过window.getComputedStyledocument.color或类似工具强制重新设置样式 看 更多信息。使用jQuery UI解决了

我试图在点击瞬间设置背景然后淡出时产生闪烁效果,但在第二次点击时removeClass并没有删除它。哪里有错误

JS:

CSS:


浏览器的构建是为了通过合并它们来优化随后的样式更改。在CSS转换的情况下,他们做得有点过分了

目前还没有“干净”的方法,在当前浏览器中,最好是在应用将在您的案例中调用transition removeClass的更改之前,通过window.getComputedStyledocument.color或类似工具强制重新设置样式


更多信息。

使用jQuery UI解决了这个问题

$('div').click(function() {
    $(this).addClass('qwe').switchClass('qwe', '', 1000);
});

修复了错误的小提琴链接
div{
    height: 100px;
    width: 100px;
    background: gray;
}
.qwe {
    background: green;
}
$('div').click(function() {
    $(this).addClass('qwe').switchClass('qwe', '', 1000);
});