jquery load 링크 클릭시 동적으로 채택완료
neko24
5년 전
조회 3,365
<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개
채택된 답변
+20 포인트
5년 전
아래 코드로 해보세요.
a 태그 대신 span을 사용했습니다.
굳이 함수를 만들지 않아도 됩니다.
</p>
<p><script></p>
<p>$(document).ready(function() {</p>
<p> $(".page").click(function(){</p>
<p> var page = $(this).attr("data-id");</p>
<p> goUrl(page);</p>
<p> </p>
<p> // 함수로 하지 않고 아래 주석을 풀고 사용해도 됩니다. ( goUrl(page); 는 주석처리)</p>
<p> //$('#content').load( '/bbs/page.php?pid=test&id='+page ); </p>
<p> });</p>
<p>});</p>
<p> </p>
<p>function goUrl(page) {</p>
<p> $('#content').load( '/bbs/page.php?pid=test&id='+page );</p>
<p>}</p>
<p></script></p>
<p> </p>
<p><span class='page' data-id='1'>페이지 1 로드</a></p>
<p><span class='page' data-id='2'>페이지 1 로드</a></p>
<p><div id="content"></div></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
n
neko24
5년 전
감사합니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인