jQuery TabData : 대신 ClickedTab 데이터를 가져올 수 있습니까?

Question

내가 대신 인덱스의,

<script type="text/javascript"> 
    $(function() { 
     $('#container-1').tabs(); 
     $('#container-2').tabs(); 
    } 
</script> 

..... 
<div id="container-1"> 
    <ul> 
    <li><a href="#fragment-1"><span id="start">First</span></a></li> 
    </ul> 
</div> 
<div id="container-2"> 
    <ul> 
    <li><a href="#fragment-1"><span id="end">Last</span></a></li> 
    </ul> 
</div> 
..... 

는 ClickedTab 데이터에 접근 가능 다음 TabMenu처럼을 설계했다? ClickTab이 처음 인 경우와 마찬가지로 #fragment1입니다. 그렇지 않으면 ClickTab이 마지막 일 경우 #fragment2입니다.

어떻게하면됩니까?

Answer 1

무슨 뜻인지 알 수 있습니까?

이를 변경하는 경우

:

<li><a href="#fragment-1"><span id="end">Last</span></a></li> 

에 : 당신이 그것을 클릭하면

<li><a href="#fragment-2"><span id="end">Last</span></a></li> 

는 그럼 # 조각-2를로드합니다. 당신이 실제로 클릭 된 탭의 데이터를 얻고 싶다면

, 당신은 나는 이것이 당신이 다른있어 의미 희망 Jquery UI docs

Answer 2

에서 사용할 수 읽기 tabsselect 이벤트 또한

$('.ui-tabs-nav').bind('tabsselect', function(event, ui) { 
//ui.panel is a dom element that contains the contents of the clicked tab. 
} 

에 연결할 수 있습니다 부분 작업. 이 앞의 예에 구축 가능 :

$(document).ready(function() { 
     $('#container-1').tabs({ 
      selected : function(e, ui) { 
      if ($($("a", e.target).get(ui.index)).attr('href') == '#fragment-1') { 
       alert('First clicked!'); 
      } 
      }   
     }); 
    }); 
    .... 
    <div id="container-1"> 
     <ul> 
      <li><a href="#fragment-1"><span>Home</span></a></li> 
      <li><a href="#fragment-2"><span>Contact</span></a></li> 

     </ul> 
    </div> 

궁극적으로이 당신을 필요로하기 때문에 탭 구현 세부 사항을 조금 알고 인덱스를 사용하는 것이 아마도 더 나은 당신이 각 탭에 대한 논리를 처리하기 위해 스위치를 사용할 수 있습니다 . 그러나 콘텐츠가 귀하의 요구에 더 잘 어울리는 것 같으면이 기능이 정상적으로 작동합니다.