jQuery UI 탭 내의 특정 링크를로드하는 탭

Question

탭 내의 특정 div 내에 링크 만로드하려고합니다. 그렇지 않으면 실제 링크로 이동해야합니다.

현재 내가 heres는 다음 같은 탭

<script type="text/javascript"> 
     $(function(){ 
     $('#tabs').tabs({ 
      load: function(event, ui) { 
      $('a', ui.panel).click(function() { 
       var tabId=$('#tabs').tabs('option', 'selected'); 
      $('#tabs').tabs("url", tabId, this.href).tabs("load",tabId); 
       return false; 
      }); 
      } 
     }); 
     }); 
</script> 

탭 페이지

<div id="sresults" style="width: 520px"> 
    <div id="tabs"> 
     <ul> 
      <li><a href="mylink.html">Songs</a></li> 
      <li><a href="mylink.html">Albums</a></li> 
      <li><a href="mylink.html">Videos</a></li> 
      <li><a href="mylink.html">Entire Blog</a></li> 
     </ul> 
    </div> 
</div> 

그리고 탭

<div id="content"> 
<a href="permalink.html">My links</a> 
</div> 

<div id="navi"><a href="tab?page=2">Next Page</a> 
</div> 

내부 페이지가로드에게 컨텐츠 내부의 모든 링크를 사용하는 코드 navi div 내부의 링크를 탭 내에로드하고 싶지만 외부의 모든 링크는 실제 lin에 있어야합니다. k

Answer 1

탭 안에 탐색 링크 만로드하려는 것으로 추측됩니다.

때문에, 단지 비록

$('#navi a', ui.panel).click(function() { 

으로

$('a', ui.panel).click(function() { 

를 교체하는 경우, 난 당신이 중복 id으로 끝낼 수 있기 때문에 당신이 id을 사용하는 대신 네비게이션 사업부를 선택하기 위해 class를 사용하는 것이 좋습니다 나중에 문제가 발생할 수 있습니다.