光滑的幻灯片删除了响应断点上的内联样式

时间:2018-09-10 19:54:06

标签: javascript jquery slick.js slick-slider

我遇到了与此处相同的问题:https://github.com/kenwheeler/slick/issues/3439

在将窗口调整到设置的断点大小之前,滑块会正常工作,然后所有幻灯片的内联样式都将被覆盖。当页面加载到断点之后时,也会发生这种情况。

我的幻灯片包含内联设置为背景图像的图像。它们必须是内联的,因此我无法创建类并设置背景图像。其他人是否遇到过此问题,或者是否知道解决方法或解决方法?

2 个答案:

答案 0 :(得分:0)

问题

<div class="slider" style="background-image:url('bg.jpg');">
    <div class="insideSlider">

    </div>
</div>

解决方案

<div class="slider">
    <div class="insideSlider" style="background-image:url('bg.jpg');">

    </div>
</div>

答案 1 :(得分:-1)

我知道已经3个月了,但是我找到了另一个解决这个问题的方法。我将其发布在这里是因为我在找到另一个线程之前搜索此问题的答案时就发现了这个问题。

https://github.com/kenwheeler/slick/issues/3439

您必须在第826行中删除originalSlides.removeAttr('style');。这是一种解决方法,但可以。