ajax调用后保持以前的div高度答案

【问题标题】：maintain previous div height after ajax callajax调用后保持以前的div高度
【发布时间】：2021-04-29 14:00:44
【问题描述】：

我正在处理以下问题。我有一个调用 ajax 的脚本，其中响应包含购物车字符串（html 代码）和我的购物车项目。在 responsehandler 中，我有另一个脚本，它将 ajax 响应购物车字符串的每个 div 设置为某个高度。

现在我愿意保持设置为前一个购物车字符串的 div 高度，但问题是每次 ajax 调用后都会重新接收整个购物车字符串。

此外，我还有一个显示在引导模式中的购物车（仅限移动设备）。不知何故，这个设置高度的功能不起作用，除非您打开它并再次运行该功能。这是否与模态显示有关：无？该函数循环遍历所有具有相同类名的 div，并根据其子数据设置高度。

【问题讨论】：

【解决方案1】：

您可以使用 css 来固定 div 的高度。

div.cart-height{
  height: 400px !important;
}

或在 ajax 调用后，调整 div 的高度。

$('.cart-height').css('height','400px');

在移动设备中您可以调整内容：

@media only screen and (max-width: 600px) {
  .cart-height {
    height: 200px;
  }
}

【讨论】：