2026, 새로운 도약을 시작합니다.

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개

채택된 답변
+20 포인트

아래 코드로 해보세요.

a 태그 대신 span을 사용했습니다.

굳이 함수를 만들지 않아도 됩니다.

Copy




$(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 );

}



 

페이지 1 로드

페이지 1 로드



로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고