jquery - append 的图像不会有悬停效果

Question

所以我才注意到这一点。基本上，当调整窗口大小时，我的代码会在末尾 append 一堆图像，以便您拥有连续的图像行，而不是会扰乱设计的突然结束。因此，我可能会添加 4 个或 2 个图像，具体取决于屏幕尺寸。

function imageNumber() { 

    $('#images br').remove();
    $('.appended').remove();

    var windowWidth = $(window).width(); 


    var numberOfImages = $("#images img").length;
    var numberOfImagesPerRow = Math.ceil(windowWidth / imageWidth);

    $('#images img:nth-child('+numberOfImagesPerRow+'n)').after('<br />')
    $('#images br:last-child').remove();

    var nuLineBreaks = $('br').length + 1;

    if(numberOfImages % numberOfImagesPerRow != 0) {

         var numberOnRow = Math.round((1 - (numberOfImages/numberOfImagesPerRow % 1)) * numberOfImagesPerRow); 
         var number = 0;

         while(number <= numberOnRow) { 

            $('.i'+number).clone().appendTo($('#images')).attr('class', 'appended');
            ++number;

         }

    }

}

我注意到 append 的图像没有动画。

$('#images img').hover(function() {
    $(this).css({'width' : '250px', 'height' : '250px'});
},
function() { 
    $(this).css({'width' : '200px', 'height' : '200px'});
});

知道如何解决这个问题吗？

Answer 1

您拥有哪个版本的 jQuery？如果是1.7则看on方法:http://api.jquery.com/on/如果更早的话看直播:http://api.jquery.com/live/