讓.mouseover只在第一次滾動時才能工作

Question

在JavaScript中，我想制定一個規則，以便.mouseover只會在第一次滾動時起作用。

我該怎麼做？

這裏是我的代碼：

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

Answer 1

我想你可以使用jQuery的解除綁定方法 - http://api.jquery.com/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); 
});