将jquery应用于无限滚动调用的元素

我有一个使用jquery悬停函数展开元素的帖子循环。我的问题是，它只适用于页面加载时最初显示的元素，并且无法滚动任何附加的元素。将jquery应用于无限滚动调用的元素

这是我用来扩展箱

$(document).ready(function() { 
    $('.box').hover(function() { 
     var height = $(this).children('.box-info').height(); 
     var newHeight = (height + 12); 
     $(this).children('.box-image').css('top', -newHeight); 
    }, function() { 
     $(this).children('.box-image').css('top', 0); 
    }); 
});

然后，我有一个循环，然后一个脚本来激活无限滚动

var href = 'first'; 
$(document).ready(function() { 
$('#boxes').infinitescroll({ 
    navSelector: '.infinitescroll', 
    nextSelector: '.infinitescroll a', 
    itemSelector: '#boxes .box', 
    loadingImg: '<?php echo get_bloginfo('stylesheet_directory') ?>/images/loading.gif', 
    loadingText: 'Loading...', 
    donetext: 'No more pages to load.', 
    debug: false 
}, function(arrayOfNewElems) { 
    $('#boxes').masonry('appended', $(arrayOfNewElems)); 
    if(href != $('.infinitescroll a').attr('href')) { 
     href = $('.infinitescroll a').attr('href'); 
    } 
}); 
});

我在做什么错的脚本？

来源

2012-08-09 Pollux Khafra

按照您提供的小提琴：

的HOVER不绝对定位的元素和动画

而是悬停您可以使用“的mouseenter”和“鼠标离开”事件，工作当中

按照聊天看到此更新的链接 http://jsfiddle.net/Gm7Xb/11/

来源

2012-08-09 10:17:48 Moons

我试过之前，就像它是：当子元素的方式获得不火bove，它停止了包括初始加载在内的所有元素的工作。有没有我没有看到的错误？ – 2012-08-09 10:25:10

@PolluxKhafra你可以请把完整的代码放在小提琴中。你确定你已经用这段代码正确地替换了你的代码。在IE或Firefox中检查javascript错误。 – Moons 2012-08-09 10:28:46

我认为是正确的。每个盒子后面都有一个红色框，应该在悬停时显示。 http://jsfiddle.net/Gm7Xb/ – 2012-08-09 10:55:48

将jquery应用于无限滚动调用的元素

回答

相关问题