IE中的jQuery手风琴问题

时间:2011-09-14 13:35:07

标签: jquery jquery-plugins

这是我的手风琴示例代码。它在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;

            });   

        })


    })


});

0 个答案:

没有答案
相关问题