鼠标悬停后的Jquery制作假（鼠标保持在）div大约+ 100px

Question

使用jquery的mouseover api很容易。 但我想要的是，当鼠标悬停功能被唤起时，我想在div周围创建一个虚拟/假的div，例如100px，当用户拖出虚拟div时，我想激活一个函数。

如何创建虚拟div？ 并将jquery的函数.mouseout分配给虚拟div？

请帮帮我 感谢

Answer 1

你会看到这样的事情：Demo。

<强> HTML

<div class="trigger"></div>

<强>的jQuery

$('div.outer').live("mouseleave", function(e) {
    $('.trigger', this).unwrap();
});

$('.trigger').mouseenter(function() {
    $(this).wrap("<div class='outer'>");
});

警告 ：我在jsfiddle示例中使用jQuery 1.5.2作为1.6和{{1}显示一些奇怪的不同行为。离开子元素（edge）（bug details are here）并1.6触发mouseleave时会trigger事件被触发，edge无法正常工作每次mouseenter的事件。通过查看trigger，like this的className，这是可以解决的（现在可以说是单词）。这完全在Chrome 12中。