$(document).ready(function () {
//firstly,find all selector
$("li").each(function (key, value) {
$(this).mouseover(function () {
var liNode = $(this);
var timeid = setTimeout(function () {
$("div.contentin").removeClass("contentin");
$("li.tabin").removeClass("tabin");
$("div").eq(key).addClass("contentin");
alert(this);
liNode.addClass("tabin");
}, 500);
}).mouseout(function () {
clearTimeout(timeid);
});
});
});
为什么我加了一个setTimeout之后,this就是window对象了呢?
//firstly,find all selector
$("li").each(function (key, value) {
$(this).mouseover(function () {
var liNode = $(this);
var timeid = setTimeout(function () {
$("div.contentin").removeClass("contentin");
$("li.tabin").removeClass("tabin");
$("div").eq(key).addClass("contentin");
alert(this);
liNode.addClass("tabin");
}, 500);
}).mouseout(function () {
clearTimeout(timeid);
});
});
});
为什么我加了一个setTimeout之后,this就是window对象了呢?