Jquery update dom after scroll

Question

Class jquery hover function are working after scroll.

$(document).ready(function() {
    $('img').hover(function(){
        alert('hello');
    },function(){
        alert('hello not');
    });
});

on hovering images loaded on first site are showing alert hello but after scroll images load(lazzy loading). On hovering those images alert is not showing.

Answer 1

This should work after loading new images

$(document).ready(function() {

    $("body").on("mouseenter", "img", function(){
        alert('hello');
    });

    $("body").on("mouseleave", "img", function(){
        alert('hello not');
    });

});

Answer 2

You need delegation:

$(document).ready(function() {
    $(document).hover('img', function(){
        alert('hello');
    },function(){
        alert('hello not');
    });
});

• See this answer for more information about Direct and delegated events