2026, 새로운 도약을 시작합니다.

무한스크롤 최신버젼으로 적용

무한스크롤이 필요해서 가져왔는데... 본 링크를 잃어버렸네요;;

제작자 분 말씀해주시면 바로 적용하겠습니다.

현재 그누에 적용하면 바로 되니 해보세요.

경로 : skin/board/basic/list.skin.php

빨간색 : 추가 해야되는 부분

-----

<ul id="ajax_data"> << UL 혹은 테이블 방식은 TD에 아이디 값 적용

<?php
for ($i=0; $i<count($list); $i++) { << 위에 적용
?>

-----

<div class="more_button">더보기 more</div> // 어디에 적용해도 상관없겠죠?ㅎ

<?php if ($list_href || $is_checkbox || $write_href) { ?> << 위에 적용

-----

<?php if (count($list) == 0) { echo '<li class="empty_table" datano="no">게시물이 없습니다.</li>'; } ?> << datano="no 추가

-----

맨하단 스크립트에 추가

// 최대한 기존꺼 건들지 않기 위함

// 게시판 로드 후 하단 페이지 1번을 2로 설정

// 2로 변경 없이 무한스크롤 진행시 1번을 다시 불러와 기존에 보인 게시글과 중복됨!

// 추가 수정하여 게시글이 적어 하단 페이지이동이 없는 경우도 체크함

var page_on = $("#container").find(".pg_current");
var page_check = $(".pg_current").text();
$(document).ready(function () {
    if (page_check == "object Object") {
        $(".pg_current").text("0");
    } else {
        $(".pg_current").text("2");
    }
});

// 더보기 버튼 클릭시 이벤트

// 만약 작동안할시에 하단 .pg_current를 찾아보셔야 합니다. 게시판 밑 번호 써있는곳

// 2084223089_1542905705.5094.png 

// △ F12 개발자도구로 해당 버튼 클릭 후 클래스값으로 변경해주면됨 그리고 버튼 display:none 설정
$(".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 = $(".pg_current").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 (page_check == 0) {
            $(".more_button").html("더 이상 게시글이 없습니다.");
            return false;
        }
        if (cking != "no"){
            $("#page_txt").html("");
            $("#ajax_data").append(append_data);
            $(".pg_current").html(parseInt(page_n)+1);
            $(".more_button").html("더 보기");
        } else {
            $(".more_button").html("더 이상 게시글이 없습니다.");
        }
    });
});

|

댓글 10개

로그인 하지 않은 상태에서는 더보기 클릭이 안되는군요;;
스크립트에서 <?php if ($is_checkbox) { ?> 있다면 그 위에 <script>내용</script> 넣어서 해주세요. 따로 안빼면 로그인 한 상태에서만 클릭됩니다.
닉네임 클릭시 나오는 a 태그 까지 무효화 되는것 같습니다.
온클릭으로 변경하거나 해당 a 태그만 무효화 처리 안되게 해야될것 같습니다.
스크랩해놓고 나중에 필요할때 사용해봐야겠습니다.
감사합니다~~
좋은 팁 같습니다.
더보기 클릭해야 작동하는 건가요?
네, 클릭해야 작동되는데 스크롤 방식으로 변경하는것도 어렵지 않을 겁니다.
감사합니다. 혹시 스크롤 방식의 팁도 좀 올려주시면 안될까요?
스크랩합니다.
아주 좋네요! 나중에 잘 써먹겠습니당!
감사합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 4일 전 조회 128
2740 5일 전 조회 113
2739 1주 전 조회 217
2738 1주 전 조회 221
2737 1주 전 조회 185
2736 2주 전 조회 284
2735 3주 전 조회 289
2734 3주 전 조회 264
2733 1개월 전 조회 267
2732 1개월 전 조회 303
2731 1개월 전 조회 270
2730 1개월 전 조회 229
2729 1개월 전 조회 361
2728 1개월 전 조회 246
2727 1개월 전 조회 422
2726 1개월 전 조회 260
2725 1개월 전 조회 332
2724 1개월 전 조회 363
2723 1개월 전 조회 267
2722 1개월 전 조회 301
2721 1개월 전 조회 214
2720 2개월 전 조회 304
2719 2개월 전 조회 314
2718 2개월 전 조회 202
2717 2개월 전 조회 337
2716 2개월 전 조회 204
2715 2개월 전 조회 314
2714 2개월 전 조회 273
2713 2개월 전 조회 377
2712 2개월 전 조회 290
🐛 버그신고