將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應用於無限滾動調用的元素

回答

相關問題