Question

我想添加一个简单的延迟到一个孩子的mouseover事件并有困难。 （仍在学习！）

这使我能够显示的延迟后弹出，但同时表示他们都：

onmouseover='setTimeout(function() { $(\".skinnyPopup\").show(); }, 600)' 

和这个作品只显示我想没有延迟弹出：

onmouseover='$(this).children(\".skinnyPopup\").show()' 

但组合不会：

onmouseover='setTimeout(function() { $(this).children(\".skinnyPopup\").show(); }, 600)' 

任何帮助，将不胜感激。谢谢！

Answer 1

您需要定义什么是this执行时，像这会工作：

setTimeout($.proxy(function() { $(this).children(".skinnyPopup").show(); }, this), 600) 

或者只是使用.delay()，像这样：

个

$(this).children(".skinnyPopup").delay(600).show(0); 

以上两者都快速修复，我建议你从内嵌处理器移开，并检查了一个unobtrusive方法（见this answer由Russ Cam一些伟大的原因），例如：

$(function() { 
    $('selector').mouseover(function() { 
    $(this).children(".skinnyPopup").delay(600).show(0); 
    }); 
}); 

Answer 2

这是因为this绑定到全局上下文，而不是元素。使用类似以下代替：

// put this in your document head -- replace element with a selector for the elements you want 
$(function() { 
    $(element).bind("mouseover", function() { 
     var e = $(this); 
     setTimeout(function() { e.children(".skinnyPopup").show(); }, 600); 
    }); 
}); 

如果你是坚定的关于联事件处理程序，下面还应该工作：

onmouseover='var self = this; setTimeout(function() { $(self).children(\".skinnyPopup\").show(); }, 600)'