slick.js出错：“未捕获的TypeError：无法读取属性’添加’为null”

我使用光滑的js来获取图像的滑块视图。

这是我的代码。

   image_form %> 
 "drop_down_link even img_prev" %> 
 
 
   "none",:onchange=>"readURL(this);" , :accept => 'image/jpeg , image/png' %>   
 
  "add_pic" ,:class=>"js-add-slide", :style=>"display: none;"%> 
  function silder(){ slideIndex = 0; $('.add-remove').slick({ slidesToShow: 2, slidesToScroll: 2 }); $('.js-add-slide').on('click', function() { $('.add-remove').slick('slickAdd'); }); $('.js-remove-slide').on('click', function() { $('.add-remove').slick('slickRemove'); }); }); function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('.img_prev').last() .attr('src', e.target.result) }; reader.readAsDataURL(input.files[0]); setTimeout(function(){ $('#add_pic').trigger('click'); silder(); }, 100); } }  

现在有了这个代码，我得到了滑块工作，但它不正确我得到错误：

未捕获的TypeError：无法读取null的属性’add’

Answer 1

这是因为caling init两次 。 这没有错误：

 $(".slider").not('.slick-initialized').slick() 

此外，“silder”看起来像一个错字。