代表/上懸停

Question

可能重複：
Using delegate() with hover()?

我想這個代碼，但顯然我做錯了什麼。通過此代碼，hover效果不起作用。

然而，像這樣：$('.group>span').hover (function() {工作正常，但我需要委託內容html()。

<div class="group"> 
    <span></span> 
</div> 

$('.group>span').delegate("hover", "a", function() { 
    $(this).html('<a href="#new_list">Some button</a>'); 
}, function() { 
    $(this).empty(); 
});​ 

任何想法？謝謝

Answer 1

傳遞給delegate的參數數量無效。您通過，而它應該只需要3.

.delegate(selector, eventType, handler(eventObject))是函數簽名。
而你的代碼中參數的順序是錯誤的！你交換的選擇和事件類型

你寫這樣的：

$('.group>span').delegate ("hover", "a", function() { 

雖然它應該在這個順序：

$('.group>span').delegate ("a", "hover", function() { 

反正你可以使用delegate爲hover這樣：

$('.group>span').delegate("a", "mouseenter", function() { 
    $(this).html('<a href="#new_list">Some button</a>'); 
}); 

$('.group>span').delegate("a", "mouseleave", function() { 
    $(this).empty(); 
}​); 

LIVE DEMO
你可以看到另一種方式在這個問題去：
Using delegate() with hover()?

Answer 2

hover只是一個方便的包裝mouseenter和mouseleave。我認爲你將不得不分開處理每一個。