Jquery Tabs BeforeLoad가 같은 페이지에서 div와 작동하지 않습니다.

Question

아래 그림과 같은 페이지에 두 개의 탭이 있습니다. perticular div를로드하기 전에 일부 기능을 수행하려고하지만 작동하지 않습니다.

<div id="tabs1"> 
    <ul> 
    <li><a href="#tabs-1">Map</a></li> 
    <li><a href="#tabs-2">Address</a></li> 
    </ul> 

    <div id="tabs-1"> 
    <p>Map here</p> 
    </div> 

    <div id="tabs-2"> 
    <p>Address here</p> 
    </div> 
</div> 

내 javascript 코드는 다음과 같습니다.

Answer 1

게시 한 예에서 모든 탭은 "로컬"이며 아약스 호출이 트리거되지 않습니다. 당신이 아약스를 사용하여 탭의 내용을로드하려면

, 당신은 당신의 링크를 원격 HREF를 지정해야합니다 :

<div id="tabs1"> 
    <ul> 
    <li><a href="/ajax/map">Map</a></li> 
    <li><a href="/ajax/address">Address</a></li> 
    </ul> 
</div> 

확인 설명서의 example.