첫 번째 jquery 탭 뒤의 url 호출

Question

내 페이지에 jquery 탭이 있는데, 각 목록 항목에는 탭을 변경할 때마다 호출해야하는 하이퍼 링크가 포함되어 있습니다. 탭 내의 값을 채우는 웹 서비스 호출입니다.

탭을 변경할 때이 동작을 수행 할 수 있지만, 지금은 또한 .tabs 기능이

나는이 어떻게 할 수있는 (초기화 목적)를 호출 할 때 첫 번째 하이퍼 링크를 호출 할 싶어? 페이지의 끝이 호출이 작동하지 않습니다 :

단지) (.tabs를 호출 이미 첫 번째 탭을 선택 아마 때문에

setTimeout(function() {$('#tabs').tabs('select', 0);}, 0); 

.

내 탭 코드 (JS + asp.net) :

<div id="tabs" class="tab-panel"> 
    <ul class="tabs"> 
     <asp:Repeater ID="rpt" runat="server">     
      <ItemTemplate> 
       <li> 
        <asp:HyperLink ID="btnEdit" runat="server" NavigateUrl="myPage.aspx/GetInfo" Text='<%# Eval("Name") %>'></asp:HyperLink> 
        <asp:HiddenField ID="txtId" runat="server" Value='<%# Eval("ID") %>' /> 
       </li> 
      </ItemTemplate> 
     </asp:Repeater> 
    </ul> 
    <div class="tab rounded-bottom rounded-topright"> 
     <div class="tab-content" id="licRights"> 
      <input type="text" value="" id="myText"> 
     </div> 
    </div> 
</div> 

자바 스크립트 :

$("#tabs").tabs({ 
    select: function (event, ui) { 
     var Id = $(ui.tab).siblings("input").val(); 
     var settings = $(this).tabs("option", "ajaxOptions"); 
     settings.data = $.toJSON({ id: Id }); 
    }, 
    ajaxOptions: { 
     success: function (response) { 
      $("#myText").val(response.d);       
     } 
    } 
}); 

Answer 1

탭이 프로그램 변경되지, 클릭 할 때 select 이벤트가 triggerred된다. 그것이 실제로 documentation이 말하는 것입니다.

는
선택 탭을 클릭하면이 이벤트가 트리거됩니다.

당신은 행동 here에서 볼 수 있습니다

: 오직 "쇼"이벤트는 처음

---

당신이 할 수있는 것은 첫 번째 탭에서 클릭을 트리거입니다 triggerred한다

1. defaul 선택을 "-1"으로 설정하면 처음에는 탭이 선택되지 않습니다. 그렇지 않으면 프로그래밍 방식의 클릭이 적용되지 않습니다.
2. 첫 앵커를 찾아 클릭 이벤트를

를 트리거 여기에 코드입니다 :

$("#tabs").tabs({ 
    selected: -1, 
    ... 
}).find('.ui-tabs-nav a:first').click() 

DEMO