채택완료

혹시 게시판 리스트 무한스크롤...

7년 전 4,351

더보기 버튼으로 무한 스크롤링 되는거는 적용했는데...

 

<script type="text/javascript">
<!--
$( document ).ready(function(){

    $( ".more_button" ).click(function(){
        $( this ).html( '<i class="fa fa-spinner fa-spin"></i>' );
        
        var disp_li_length = $( "#gallery_json > li" ).length;

        var page_n = $('#page_n').html();
        $.get( "<?=G5_URL?>/bbs/board.php?bo_table=<?=$bo_table?>&ajax_ck=1&sca=<?php echo urlencode($sca) ?>&page="+page_n, function( data ) {
            var append_data = $( data ).find('#ajax_data').html();
            var cking = $( data ).find('.empty_table').attr("datano");

            if(cking != "no"){
                $('#page_txt').html('');
                $('#ajax_data').append(append_data);
                $('#page_n').html(parseInt(page_n)+1);
                $( ".more_button" ).html( '더보기 MORE' );
            } else {
                alert( '게시물이 존재하지 않습니다.' );
                $( ".more_button" ).html( '더보기 MORE' );
            }
        });

    });

});
//-->
</script>

 

 

 

그런데 더보기 클릭없이도 

 

하단에 도달하면 자동으로 리스트업되게 하는 스킨이 있을까요?

 

 

 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

제가 테스트는 못해봤는데.. 아래와 같이 해보세요..

Copy
<script type="text/javascript">

<!--

$(window).scroll(function() {

if ($(window).scrollTop() == $(document).height() - $(window).height()) {

 

$( this ).html( '<i class="fa fa-spinner fa-spin"></i>' );

var disp_li_length = $( "#gallery_json > li" ).length;

 

var page_n = $('#page_n').html();

$.get( "<?=G5_URL?>/bbs/board.php?bo_table=<?=$bo_table?>&ajax_ck=1&sca=<?php echo urlencode($sca) ?>&page="+page_n, function( data ) {

var append_data = $( data ).find('#ajax_data').html();

var cking = $( data ).find('.empty_table').attr("datano");

 

if(cking != "no"){

$('#page_txt').html('');

$('#ajax_data').append(append_data);

$('#page_n').html(parseInt(page_n)+1);

$( ".more_button" ).html( '더보기 MORE' );

} else {

alert( '게시물이 존재하지 않습니다.' );

$( ".more_button" ).html( '더보기 MORE' );

}

});

 

}

});

//-->

</script>

답변에 대한 댓글 1개

감사합니다..그런데 안되네요,,
될거 같았는데..

답변을 작성하려면 로그인이 필요합니다.