더보기 버튼

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

문제는 

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