加載光滑與onclick

我的問題很簡單，但我錯過了森林通過樹...加載光滑與onclick

我的網頁有很多滑動滑塊。這很好。這些滑塊在任何情況下都不可見。通過onclick功能，會顯示一個新的div標籤，包含光滑的。（toggle）

現在的問題是：當頁面加載完成時，會出現負載過重。但只有可見的div。所以，當我切換一個div來顯示，並且包含光滑的時候，Slick不會加載這個div。我可以向前或向後滑動滑動滑塊並加載所有圖片。但我想直接使用切換的onclick函數加載它們。那樣就好了。

而且我不是很好的JS：d

這就是油滑得到加載：

$(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"; 
    } 
    };

，現在我想，那當使用功能圖片時，光滑的開始。

有人可以幫助我。 :( 而且我很SRY我的英文不好，我希望你能理解。）

來源

2016-08-22 user4885058

$(".somediv").click(function(e) { 
 
    $(this).toggleClass('class1'); 
 
}); 
 

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

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

<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>

我想鼓勵你閱讀有關.toggleClass()

當你已經閱讀了這篇文章，也看看.switchClass()

來源

2016-08-22 16:08:11 dllhell

正如作者指出的here你可以刷新光滑，只要你添加一個新的div包含切片k對象。你必須在你的函數內添加類似$('.my-slider')[0].slick.refresh()的東西。

乾杯

來源

2016-08-22 16:18:37

加載光滑與onclick

回答

相關問題