2011-06-28 40 views
-2

使用jQuery的mouseover api很容易。 但我想要的是,当mouseover函数被唤醒时,我想创建一个虚拟/假的div,让我们说div围绕100px,当用户拖出虚拟div时,我想挑起一个函数。jquery鼠标悬停后做一个假的(鼠标保持)div +约100px

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

请帮我 感谢

+1

使用'mouseenter'事件创建div。如果你做'鼠标悬停',你会为目标div中的每一个小动作创建大量的div。 –

+0

是的,但鼠标和鼠标悬停不是'很多不同',我用鼠标悬停在那里“可能”是一些人谁不知道mouseenter。所以... – kritya

+1

你没有任何意义,特别是最后的评论。 – Sparky

回答

0

你将要寻找的东西是这样的: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.6edge显示一些奇怪的,不同的行为。 1.6无法工作,因为mouseleave事件在离开子元素(trigger)(bug details are here)和edge时每次都会触发trigger事件。通过检查parent,like thisclassName,这是可以解决的问题(现在是一个词)。这一切都在Chrome 12中。