特定のjQueryUIタブのアクティブ化を取得する方法は？

Question

私は、次のようなHTMLがあります。

と私のjsファイル文書レディ機能の内部で次のよう：上記

$('.tabui').tabs({ 
    activate: function (event, ui) { 
     $.ajax({ 
      cache: false, 
      url: "/Session/Index/", 
      success: function (result) { 
       if (result.length == 0) { 
        window.location.href = '/Home/Index/' 
       } 
      } 
     }); 
    } 
}); 


$("#tabs-1ua").tabs({ 
    activate: function (event, ui) { 
     alert("User add tab has been clicked."); 
    } 
}); 

を、私は、一般的にすべてのタブの選択のための動作を指定しようとしています見ることができますtabuiクラス（これは正常に動作します）を使用して、個々のタブに対しても特定の動作を行います。この特定のアクションは機能しません（アラートメッセージは表示されず、アラートのブレークポイントはヒットしません）。それを修正するために私は何をすべきですか？ありがとうございました。あなたのコメントに基づいて

は

Answer 1

、あなたはこれをしたい：あなたは* ...またのための具体的な行動のために試してみました何

https://jsfiddle.net/Twisty/eoa9tafm/

$(function() { 
    $('.tabui').tabs({ 
    activate: function(event, ui) { 
     $.ajax({ 
     cache: false, 
     url: "/Session/Index/", 
     success: function(result) { 
      if (result.length == 0) { 
      window.location.href = '/Home/Index/' 
      } 
     } 
     }); 
    } 
    }); 

    $("a[href='#tabs-1ua']").click(function(event, ui) { 
    alert("User add tab has been clicked."); 
    }); 
}); 

Answer 2

$("a[href='#tabs-1ua']").on('click', function() { 
 
    console.log("User tab clicked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0-rc.2/jquery-ui.min.js"></script> 
 
<div id="tabsuseradmin" class="tabui"> 
 
    <ul> 
 
    <li><a href="#tabs-1ua">Add Users</a></li> 
 
    <li><a href="#tabs-2ua">Delete Users</a></li> 
 
    </ul> 
 
    <div id="tabs-1ua"> 
 
    <div> 
 
    </div> 
 
    </div> 
 
    <div id="tabs-2ua"> 
 
    <div> 
 
    </div> 
 
    </div> 
 
</div>