在 ajax 调用之后保持之前的 div 高度

Question

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

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

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

Answer 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;
  }
}