Как уловить активацию отдельной вкладки 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>