jq点击旋转动画_jquery – CSS3在动画元素上旋转,导致不调用click事件

我似乎无法复制问题,它似乎在添加浮动后正常工作：left;.

有时浏览器在渲染HTML元素的实际宽度时表现得很有趣. float：left似乎让浏览器计算得更好.

这是JavaScript：

$(document).ready(function (){

$('#box1').bind({

'click' : function () {

alert('clicked box 1');

},

'hover' : function () {

console.log('Over Box 1');

}

});

$('#box2').click(function(){

alert('clicked box 2');

});

window.angle = 0;

setInterval(function () {

if (window.angle >= 360) {

window.angle = 0;

} else {

window.angle += 5;

}

$('#box1').css('-webkit-transform', 'rotateY(' + window.angle + 'deg)');

}, 100);

});

(我在悬停时添加了console.log以简化生活;))