210319 게시판 글 목록 더 보기(more 버튼 달기)

 

JS

	$('.list_item').hide();
	$('.list_item').slice(0, 12).show();
	
	$("#list_item_btn").click(function(e){ // Load More를 위한 클릭 이벤트e
		e.preventDefault();
		$(".list_item:hidden").slice(0, 12).show(); // 숨김 설정된 다음 n개 표시
   		if($(".list_item:hidden").length == 0){ // 숨겨진 DIV가 있는지 체크해서 없으면 more 버튼 숨기기
			$('#list_item_btn').hide();
		}
	});

 

출처 : www.thewordcracker.com/jquery-examples/add-load-more-button-jquery/

'Load More'(더 보기) 버튼 추가하기(jQuery) - 워드프레스 정보꾸러미

끝