JSFiddle - React, Tailwind, and code Playground

HTML

<div id="taskmanager_tabs">
        <ul>
            <li><a id="tab_queued" href="#tm_queuedjobs">Queued (<span data-bind="text: NumQueued"></span>)</a></li>
            <li><a id="tab_completed" href="#tm_completedjobs">Completed (<span data-bind="text: NumCompleted"></span>)</a></li>
            <li><a id="tab_errors" href="#tm_faultedjobs">Errors (<span data-bind="text: NumErrors"></span>)</a></li>
        </ul>
        <div id="tm_queuedjobs">
            <table id="tm_QueuedJobsGrid"></table>
        </div>
        <div id="tm_completedjobs">
            <table id="tm_CompletedJobsGrid"></table>
        </div>
        <div id="tm_faultedjobs">
            <table id="tm_FaultedJobsGrid"></table>
        </div>
    </div>

JavaScript

$(document).ready(function() {
    this.$_tabPageActivate = function(e, ui) {
        if(typeof ui === 'undefined'){
            alert("ui is undefined");
        }
    };
    $('#taskmanager_tabs').tabs().bind('tabsactivate', this.$_tabPageActivate);                  
});