0

javascript で、.mouseover が最初にロールオーバーしたときにのみ有効になるようにルールを作成したいと思います。

どうやってやるの ?

これが私のコードです:

$("#page3").mouseover(function(){
$("#htmlcss").animate({width: "90%"}, 500);
$("#jqueryjavascript").animate({width: "40%"}, 500);
$("#phpmysql").animate({width: "20%"}, 500); 
});
4

1 に答える 1

1

jquery の unbind メソッドを使用できると思います - http://api.jquery.com/unbind/

mouseover イベント ハンドラー内のオブジェクトで unbind メソッドを呼び出すだけで、動作するはずです。

次に例を示します。

$('div').mouseover( function(event){  
    $(this).append('<br>Hi again!');  
    $(this).unbind(event);  
});

コードを次のように変更する必要があると思います。

$("#page3").mouseover(function(event){  
    $("#htmlcss").animate({width: "90%"}, 500);  
    $("#jqueryjavascript").animate({width: "40%"}, 500);  
    $("#phpmysql").animate({width: "20%"}, 500);  
    $(this).unbind(event);  
});
于 2013-06-19T19:20:26.997 に答える