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