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