Jquery - 通過新添加的類替換類的懸停事件

Question

我爲以下問題尋找解決方案，請任何人都可以幫忙？

如果類菜單鏈接懸停後執行後續功能。 。 。

<script> 
var $content= $('li.menuDescription'); 
var $links=$('.menu-link').hover(function(){ 
    /* "this" is element being hovered*/ 
    var index= $links.index(this); 
    $content.stop().hide().eq(index).show(); 
},function(){ 
    /* not sure if you want to leave current content visible if user leaves menu, if so do nothing here*/ 
}) 
</script> 

而且有增加了一個新的類第二腳本：

$row.find("a").addClass("hovered"); 

現在我想使用的第一個腳本，而不是

('.menu-link').hover 

只有新添加的類「 .hovered「用於後續功能，而不會發生懸停事件。這可能嗎？

許多問候

Answer 1

您將需要使用事件代表團，因爲選擇

var $content = $('li.menuDescription'); 
var $links = $('.menu-link') 

$(document).on({ 
    mouseenter: function() { 
     /* "this" is element being hovered*/ 
     var index = $links.index(this); 
     $content.stop().hide().eq(index).show(); 
    }, 
    mouseleave: function() { 
     /* not sure if you want to leave current content visible if user leaves menu, if so do nothing here*/ 
    } 
}, '.menu-link:not(.hovered)')