这是我的手风琴示例代码。它在FF中运行良好,但在IE中,如果我快速将鼠标移到图像上,那么它会显示非常奇怪的行为。
有什么建议吗?
是一个现实的例子http://webentwicklungsserver.ch/2_0_1_1_-_0_8_-_2_5/index.php
在“Referenzen”标题下的右侧。
var one_row_is_under_animation = 0;
$(document).ready(function(){
$(".accordion .row:first").addClass("active");
$(".accordion .row").each(function(){
$(this).mouseover(function(){
// while a row is under animation dont bother with the others
if( one_row_is_under_animation == 1 || $(this).hasClass('active') )
return;
//one_row_is_under_animation = 1;
$(".accordion .row.active").clearQueue();
// deanimate currently active row
$(".accordion .row.active").each(function(){
$(this).animate({
height: '35px'
}, 350);
$('IMG',$(this)).animate({
width: '85px',
height: '35px',
float: 'none'
}, 350);
$(".pfeil",$(this)).animate({
width: '85px',
height: '35px'
}, 350);
$(this).removeClass("active");
});
// add active flag to the current row
$(this).addClass("active");
// animate UP current row
$(this).animate({
height: '270px'
}, 350);
$('IMG',$(this)).animate({
width: '240px',
height: '180px'
}, 350);
$(".pfeil",$(this)).animate({
width: '241px',
height: '180px'
}, 350, function(){
// release row animation flag
one_row_is_under_animation = 0;
});
})
})
});