JQuery $(window).height() неверен после того, как окно развернуто, а затем восстановлено до исходного размера ⇐ Jquery

[Anonymous]

У меня есть функция, которая использует высоту окна для установки высоты bootstrapTable. Кроме того, я использую прослушиватель событий изменения размера, чтобы изменить высоту таблицы при изменении размера окна.
Это внутри электронного проекта на компьютере с Windows.
Это первая часть кода, которая срабатывает при нажатии кнопки:

Код: Выделить всё

  var $table = $("#results-table");
var $availableHeight =
$(window).height() -
$("#results-header").outerHeight(true) -
$("#search-section").outerHeight(true) -
50;

$table
.bootstrapTable("destroy")
.bootstrapTable({ data: data, height: $availableHeight });

Если я запишу высоту окна в консоль, я получу правильную высоту окна 835 пикселей, а размер таблицы будет таким, как я ожидал.
Это тот же код в прослушивателе событий изменения размера окна:

Код: Выделить всё

window.addEventListener("resize", function (event) {
var $table = $("#results-table");
var $tableData = $table.bootstrapTable("getData");
var $availableHeight =
$(window).height() -
$("#results-header").outerHeight(true) -
$("#search-section").outerHeight(true) -
50;

$table
.bootstrapTable("destroy")
.bootstrapTable({ data: $tableData, height: $availableHeight });
});

Если я разверну окно, размер таблицы изменится правильно. К сожалению, когда я восстанавливаю окно до его исходного размера (снова нажав кнопку «Мин/Максим») и записываю высоту окна на консоль, оно теперь отображается как 818 пикселей, хотя размер окна фактически не изменился (оно все еще имеет высоту 835 пикселей). ). Из-за этого моя таблица стала немного короче, чем была изначально.
Мне не удалось понять, почему это происходит.

Подробнее здесь: https://stackoverflow.com/questions/791 ... ed-to-orig