如何在linux上强制chrome重新计算/重新呈现“：悬浮”样式？

Question

有一种情况是，javascript代码导致DOM/样式更改，而DOM/样式更改又会导致页面呈现不同的情况，原因是鼠标下面的元素发生了更改。一个简单的例子是：

<style type="text/css">
#one {
    position: relative;
}
#two {
    background-color: green;
    display: none;
}
#one:hover #two {
    display: block;
}
</style>

<script type="text/javascript">
$(window).load(function(){
    $('#one').on('click', function() {
        $('#one').css('left', '100px');
    });
});
</script>

<div id="one">One
    <div id="two">Foo</div>
</div>

请参见http://jsfiddle.net/Lq7Ac/1/ --当您单击"One“时，元素会移动，这样就不应该再应用”：悬浮“样式，但是在单击后移动鼠标之前，它们实际上不会被更新。

在“单击”绑定中是否可以立即重新计算/重新呈现？

更新：这似乎只会影响linux上的chrome。所以可能是铬虫。尽管如此，如果有人对这方面的工作有想法的话，听到他们会很高兴的。

Answer 1

可以尝试使用css类，而不是:hover选择器。

http://jsfiddle.net/4tfYN/