Javascript jQuery UI选项卡激活未正常运行的事件

我有一个具有不同选项卡的div，每个选项卡包含一个表。内容将动态加载到每个表中，因此我需要一种方法来平等地设置每个表的th和tr元素的高度。例如，如果表1的th高度为50px，那么表2的th高度也需要为50px

我使用的代码可以工作，但出于某种原因，它在每个选项卡开关上添加了一个像素，即每个元素的高度。例如，如果我单击第二个选项卡，所有tr元素都将是50px。如果单击第一个选项卡，然后再单击第二个选项卡，tr元素将更改为51px高。如果我单击返回第一个选项卡，然后单击第二个选项卡，tr元素将更改为52px高度等

这是我的密码：

$( "#new-locations-tabs" ).tabs({
  activate: function(events, ui) {
    var getHeadingHeight = $("#new-locations-tabs .ui-tabs-panel:visible .right-table th").css("height");
    $("#new-locations-tabs .ui-tabs-panel:visible .left-table th").css("height", getHeadingHeight);

    var getRowHeight = $("#new-locations-tabs .ui-tabs-panel:visible .left-table td").css("height");
    $("#new-locations-tabs .ui-tabs-panel:visible .right-table td, #new-locations-tabs .ui-tabs-panel:visible .left-table td").css("height", getRowHeight);
  }
});

“请注意，元素的计算样式可能与样式表中为该元素指定的值不同。”

可能发生了一些计算。试着用或代替

.css（“height”）和.height（）之间的区别在于后者返回的是一个单位较少的像素值（例如400），而前者返回的是一个单位完整的值（例如400px）。当需要在数学计算中使用元素的高度时，建议使用.height（）方法

---

做个提琴什么的。。。没有人会用那种形式回答你的问题。这真的很奇怪。不知道为什么它不能正确读取css值。。。