더보기 버튼
본문
아래 코드로 더보기가 잘 되는데요,,,
문제는
<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(){
로 수정하세요