무한 스크롤로 호출 된 요소에 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

는 절대 위치 요소와 애니메이션

대신 당신이 "mouseenter"와 "하는 MouseLeave"이벤트를 사용할 수있는 호버의

, 작동하지 않습니다 띄운하는

채팅 당으로하는 http://jsfiddle.net/Gm7Xb/11/

출처

2012-08-09 10:17:48 Moons

난 그냥 같은 전에이 것을 시도 업데이트 된 링크를 참조 : 자식 요소가 방해 할 때 발생하지 않습니다 bove 그리고로드 된 초기를 포함하여 모든 요소에 대해 작동을 멈췄습니다. 내가보고 있지 않다는 오류가 있습니까? –

@PolluxKhafra 전체 코드를 바이올린에 넣으시겠습니까? 코드를이 코드로 올바르게 바꿔 주시겠습니까? IE 또는 Firefox에서 javascript 오류를 확인하십시오. – Moons

나는 정확하다고 생각합니다. 각 상자에는 호버 위에 표시해야하는 빨간색 상자가 있습니다. http://jsfiddle.net/Gm7Xb/ –

무한 스크롤로 호출 된 요소에 jquery 적용

답변

관련 문제