jQuery Slider - 移动设备上的动态高度和刷新答案

【问题标题】：jQuery Slider - Dynamic Height on Mobile & RefreshjQuery Slider - 移动设备上的动态高度和刷新
【发布时间】：2020-01-04 13:19:52
【问题描述】：

我遇到了滑块问题。我希望滑块高度更改为当前图像的高度。这适用于桌面，但似乎无法在移动设备上运行。

另外，手动刷新页面时，初始高度没有设置。我读到这是由于ready() 函数，并使用onload 和间隔初始化，我试图这样做，但整个滑块与onload 和使用的间隔中断。

http://www.nwdastore.com/slideshow-test/

【问题讨论】：

标签： jquery html css

【解决方案1】：

您只需从#slider-container 中删除min-height: 450px，因为当设备处于移动状态时，滑块的高度小于 450 像素。

#slider-container {
    background: rgb(1,1,1);
    margin: 0 auto -10px auto;
    max-width: 1440px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

【讨论】：

让我觉得有点笨。大声笑我删除了实际的高度元素，当然 min-height 是原因。
你对动态高度的第二部分有什么想法吗？手动刷新页面时无法准确抓取高度。
我认为这是因为您忘记在 prevSlide() 内动态设置高度，就像您在 nextSlide() 上所做的那样。我不确定，但我认为就是这样。当然，可能还有更多细节需要改进。
当您 F5 刷新时，第一张幻灯片根本不存在，因为缺少 min-height。这意味着当您使用 F5 手动刷新而不是使用地址栏单击“Go”时，获取隐藏/可见元素高度的脚本突然无法获取高度。
很高兴你做到了。我打算稍后再帮你，但现在已经完成了。是的，onload 是合适的。看，我也错过了那个愚蠢的细节。 :)