더보기 버튼

더보기 버튼

QA

더보기 버튼

본문

아래 코드로 더보기가 잘 되는데요,,,

문제는 

 

 

 

<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>

 

 

더보기로 나타난 리스트에서 a테그의 링크가 먹통이됩니다. 

이 a테그는 탭형태이며 아래 스크립트로 되어 있습니다.

 

<script type="text/javascript">
    jQuery(document).ready(function(){
        $(".tablinks").on("click", function(){
            var id=$(this).data("val");
            jQuery(".tabcontent").removeClass("active");
            jQuery("#"+id).addClass("active");
        });
    });
//-->
</script>

이 질문에 댓글 쓰기 :

답변 1

$(".tablinks").on("click", function(){

부분을

 

$(document).on('click', '.tablinks', function(){

 

로 수정하세요

볼피드님 감사합니다~
이거 땜에 검색하고 내 생각에 갖은 짜집기를 해봐았는데도 안되더니..
바로 되네요,,,

자바스크립트와 제이쿼리 문제 때문인거 같군요,,,

답변을 작성하시기 전에 로그인 해주세요.
전체 197
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT