2011-06-28 43 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中。