Question

我的问题很简单，但我错过了穿过树林的森林......

我的页面有很多光滑的滑块。这很好用。这些滑块在任何情况下都不可见。通过onclick-function，将显示一个包含光滑的新div标签。（切换）

现在的问题是：页面加载完成后，光滑加载。但只有可见的div。因此，当我切换一个div以获得可见，并且包含了光滑的内容时，不会为此div加载Slick。我可以向前或向后滑动光滑滑块并加载所有图片。但我想直接用切换的onclick功能加载它们。那会很好。

我在JS中并不擅长：D

这就是Slick加载的地方：

    $(document).ready(function(){
    $('.lazy').slick({
       slidesToShow: 6,
      slidesToScroll: 6,
      responsive: [
        {
        breakpoint: 1199,
        settings: {
            slidesToShow: 5,
            slidesToScroll: 5,
            }
        },
        {
        breakpoint: 991,
        settings: {
            slidesToShow: 4,
            slidesToScroll: 4,
            }
        },
        {
        breakpoint: 767,
        settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
            }
        },
        {
        breakpoint: 730,
        settings: {
            slidesToShow: 2,
            slidesToScroll: 2,
            }
        },
        {
        breakpoint: 500,
        settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            }
        },
      ]
    });
});

这是我的切换：

function fotoalbum(id){
       var e = document.getElementById(id);   

       if (e.className == "row fotos-container-deaktiv") {
       e.className = "row fotos-container-produktion";
     } else {
       e.className = "row fotos-container-deaktiv";
     }
  };

现在我想要，当使用函数fotoalbum时，光滑的开始。

是的，请有人帮帮我。 :( 我对自己糟糕的英语很不满意。我希望你能理解;）

Answer 1

＆＃13;

$(".somediv").click(function(e) {
  $(this).toggleClass('class1');
});

$("#change").click(function(e) {
  $(this).hasClass("change1") ?
    $(this).removeClass('change1').addClass('change2') :
    $(this).removeClass('change2').addClass('change1');
});

＆＃13;

.somediv {
  cursor: pointer;
}
.class1 {
  color: red;
  font-size: 20px;
}
.change1 {
  color: blue;
}
.change2 {
  color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="class1 somediv">some text</div>


<div class="change1 somediv" id='change'>some other text</div>

＆＃13;

我想鼓励您阅读.toggleClass()

当您已经阅读此内容时，请同时查看.switchClass()

Answer 2

作者指出here，只要添加包含光滑对象的新div，就可以刷新光滑。您必须在函数中添加$('.my-slider')[0].slick.refresh()之类的内容。

干杯

用onclick加载浮油

2 个答案: