jquery load 링크 클릭시 동적으로

jquery load 링크 클릭시 동적으로

QA

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>
답변을 작성하시기 전에 로그인 해주세요.
전체 123,162 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT