按鈕需要多次點擊才能進行更改：jQuery

Question

使用jQuery UI，我將表格加載到帶有製表符的div中。當單擊一個選項卡時，我需要更改th和tr元素上的一些CSS屬性。從技術上講，一切正常，但當我點擊一個選項卡時，CSS屬性只在第th個元素上發生變化。我必須再次單擊該選項卡才能對tr元素進行更改。我需要在點擊標籤時進行兩項更改。這裏是我的功能：

var setHeadingHeight = function() { 

    $('.ui-tabs-nav li a').click(function() { 
    var getHeadingHeight = $("#new-locations-tabs .ui-tabs-panel:visible .right-table th").css("height"); 
    var getRowHeight = $("#new-locations-tabs .ui-tabs-panel:visible .left-table tr").css("height"); 

    $("#new-locations-tabs .ui-tabs-panel:visible .left-table th").css("height", getHeadingHeight); 
    $("#new-locations-tabs .ui-tabs-panel:visible .right-table tr").css("height", getRowHeight); 
    }); 

}; 

編輯：更新代碼與tabsload，stil什麼都沒有。

$("#new-locations-tabs").on("tabsload", function(event, ui) { 
    $('.ui-tabs-nav li a').click(function() { 
     var test = $("#new-locations-tabs .ui-tabs-panel:visible .right-table th").css('height'); 
     var testa = $("#new-locations-tabs .ui-tabs-panel:visible .left-table tr").css('height'); 

     $("#new-locations-tabs .ui-tabs-panel:visible .left-table th").css("height", test); 
     $("#new-locations-tabs .ui-tabs-panel:visible .right-table tr").css("height", testa); 
    }); 
}); 

Answer 1

因爲元素尚未顯示。高度將不正確。您需要監聽要加載的標籤

$(".selector").on("tabsload", function(event, ui) { 
    //set height here 
});