大家好，我想在这个函数中延迟悬停方法
$(document).ready(function(){
$(".wypWedkarskie li").filter(":odd").hide().end().filter(":even").hover(
function () {
$(this).toggleClass("active")
.next().stop(true, true).slideToggle();
});
});
我需要做什么？？
【问题讨论】：
如果您想在悬停时延迟某个动作，可以使用 javascripts .setTimeout() 添加 x 秒的延迟。
试试这个，它将隐藏列表中的所有奇数项，然后为所有偶数项添加悬停效果，悬停时会立即切换活动类，两秒钟后它将切换下一个对象：
$(".wypWedkarskie li").filter(":odd").hide().end().filter(":even").hover(
function() {
var obj = $(this);
var nextObj = obj.next();
obj.toggleClass("active");
setTimeout(function() {
nextObj.slideToggle();
}, 2000);
}
);
你可以看到一个工作的demo here
更新：
这应该会给你我相信你所追求的东西。
它会立即突出显示您悬停的项目。 2 秒后，如果您仍然悬停，它将显示第二个项目。一旦您停止悬停，它将隐藏第二个项目。如果您在 2 秒前停止悬停，则不会显示第二项：
$(".wypWedkarskie li").filter(":odd").hide().end().filter(":even").hover(
function() {
var obj = $(this);
var nextObj = obj.next();
obj.addClass("active");
setTimeout(function() {
if (obj.hasClass('active')) {
nextObj.slideDown();
}
}, 2000);
},
function() {
var obj = $(this);
var nextObj = obj.next();
obj.removeClass('active');
nextObj.slideUp();
}
);
查看工作中的demo here
【讨论】：
查看hoverIntent。是一个插件，它试图确定用户是否要将鼠标放在一个元素上，或者是否只是将鼠标移过它。
祝你好运！
更正后的代码低于水平线
使用 jQuery 的 delay 函数。这将等待一段时间，然后再执行在它之后调用的任何方法。例如：
$(this).delay(1000).toggleClass("active")
.next().stop(true, true).slideToggle();
在切换 active 类、停止下一个兄弟动画等之前将等待 1 秒的延迟。
编辑：Doh！我误解了 jQuery 的delay。那么你可以使用setTimeout()。
$(document).ready(function(){
$(".wypWedkarskie li").filter(":odd").hide().end().filter(":even").hover(function () {
el = this;
setTimeout(function() {
$(el).toggleClass("active")
.next().stop(true, true).slideToggle();
}, 1000);
});
});
【讨论】：
.delay() 的作用。它不会延迟链接的方法，它会向已链接到对象的jQuery effects 添加延迟。 Take a look here 在一个小演示中了解延迟的作用。希望对您有所帮助。