javascript - 让 .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 的 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);  
});