如何捕獲特定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>