最初のjqueryタブの後ろにあるURLを呼び出す（初期化）

Question

私のページにjqueryタブがあります。各リストアイテムには、誰かがタブを変更するたびに呼び出されるハイパーリンクが含まれています（タブ内の値を埋め込むWebサービス呼び出しです）。

のタブを変更するときに、私はこの動作を達成することができますが、今、私はまた.tabs関数は（初期化の目的のために）呼び出されたときに呼び出される最初のハイパーリンクをしたい

私はこれをどのように行うことができますか？ページの終わりにこれを呼び出すと、うまくいきません。おそらく.tabs（）を呼び出すだけで既に最初のタブが選択されているためです。

私のタブコード（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> 

Javascriptを：

$("#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. デフォルトの選択を「-1」に設定しているため、最初はタブは選択されていません（そうでないと、プログラムによるクリックは無効になります）
2. は最初のアンカーを見つけて、クリックイベントに

をトリガーここでは、コードです：

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

DEMO