jquery load 링크 클릭시 동적으로
본문
<a href="javascript:on_load_page(1)">페이지 1 로드</a>
<a href="javascript:on_load_page(1)">페이지 2 로드</a>
<div id="content"></div>
페이지 1 로드 클릭시
content에
$('#content').load( '/bbs/page.php?pid=test&id=1' );
페이지 2 로드 클릭시
content에
$('#content').load( '/bbs/page.php?pid=test&id=2' );
이런식으로 끝에 id= + page 넘버가
들어갔으면 좋겠는데
어떻게 해야할까요?
답변 1
아래 코드로 해보세요.
a 태그 대신 span을 사용했습니다.
굳이 함수를 만들지 않아도 됩니다.
<script>
$(document).ready(function() {
$(".page").click(function(){
var page = $(this).attr("data-id");
goUrl(page);
// 함수로 하지 않고 아래 주석을 풀고 사용해도 됩니다. ( goUrl(page); 는 주석처리)
//$('#content').load( '/bbs/page.php?pid=test&id='+page );
});
});
function goUrl(page) {
$('#content').load( '/bbs/page.php?pid=test&id='+page );
}
</script>
<span class='page' data-id='1'>페이지 1 로드</a>
<span class='page' data-id='2'>페이지 1 로드</a>
<div id="content"></div>
감사합니다!
답변을 작성하시기 전에 로그인 해주세요.
