在ajax成功之后，Javascript無效

Question

發送Ajax請求后，它成功了。 jquery.hover（）不適用於頁面的新部分。

有沒有辦法重新加載腳本而無需通過另一個ajax請求重新加載div，以便它可以與頁面的新部分一起使用。

Answer 1

您不能在動態元素上使用hover（） ，因為它不是事件處理程序，您需要對mouseenter和mouseleave事件使用委托事件處理

.hover()是使用mouseenter和mouseleave的簡寫，但它會將處理程序僅附加到執行時dom中存在的那些元素

前

$(document).on('mouseenter', '<selector>', function(){
    //do something
}).on('mouseleave', '<selector>', function(){
})

Answer 2

您可能已在$（document）.ready（）上添加了懸停操作; 由於頁面加載時新頁面內容不存在，因此必須在通過ajax更新新內容后重新綁定懸停操作。

Answer 3

由於新部件是動態添加的，因此jquery懸停不適用於此。

嘗試這個

$(document).on('mouseenter', 'selector', function(){
        // Code to perform on mouse enter
}).on('mouseleave', 'selector', function(){
       // code to perform on mouse leave (This is optional)
})