0

誰でもこれで私を助けることができますか?

これを水平ナビゲーションとしてアニメーション化しています。私のjsFiddleコーディングを参照してください：

 <ul>
    <li >Item 1</li>
    <li >Item 1</li>                        
    <li >Item 1</li>                    
 </ul>

http://jsfiddle.net/k6YT8/

リスト項目の上でマウスを動かすのが速すぎると、項目がびくびくして、2 行または 3 行に分割されることがあります。

私のjQueryを見て、何が間違っているのか教えてください。

4

3 に答える 3

1

stop() メソッドを使用する必要があります

$('ul li').hover(
        function() {
            //mousein action
            $('ul li').stop(true, true);
            $('ul li.active').animate({
                width:'60'
            },250, function(){
                $(this).removeClass('active');
            });
            $(this).addClass('active').animate({
                width:'360'
            },250, function(){
                $(this).addClass('active');
            });
        },
        function () {
            //mouseout action

        }
    );

フィドルを参照してください：http://jsfiddle.net/djwave28/k6YT8/2/

于 2013-04-24T21:30:38.007 に答える