1

カーソルを合わせたときに div をアニメーション化します。
これはマウスオーバー（jquery）で動作しています。
問題は、カーソルが div に直接接触しなくなったため、その div のテキストがアニメーションを中断することです。

どうすればこれを解決できますか?

//navi is the div.

    $("#navi").mouseover(function(){
        $("#navi").stop();
        $("#navi").animate({width:'200px'},{queue: false,easing:"easeOutBounce",duration:1200});
    });

同じコードが text-div にあります。

ここでテストできますhttp://jsfiddle.net/rSQaP/17/

赤い div のアニメーション中に、マウスオーバーとマウスアウトを試してみてください。アニメーションは、青い div でのマウスオーバー アクションの影響を受けます。

4

1 に答える 1

0 
$("#navi").mouseover(function(){

  $("#navi").stop().animate({width:'200px'},{queue: false,easing:"easeOutBounce",duration:1200});
  while($("#navi").is(":animated")){
    $("#navi").off('click').off('mouseover'); 
    //you can add all the events you want to ignore
    //if it doesn't work, use unbind instead of off
  };
  //re-enable these events
  $("#navi").on('click').on('mouseover'); //here you could use bind instead of on
});
于 2013-03-24T10:42:15.417 に答える