javascript 在Slick里面光滑

Posted 2021-05-03

if( $('.slider-nav').length > 0 ) {
          $('.slider-nav').each(function(){
               var slickInduvidual = $(this);
               var slidesInNav = $(this).find(' > div').length;
               var slickNavFor = $(this).parent().find('.main-slider');
               console.log(slidesInNav);
               slickInduvidual.slick({
                    infinite: false,
                    slidesToShow: slidesInNav,
                    slidesToScroll: 1,
                    focusOnSelect: true,
                    variableWidth: true,
                    asNavFor: slickNavFor,
                    rows: 0
               });
          });
     }
     
     if( $('.main-slider').length > 0 ) {
          $('.main-slider').each(function(){
               var slickInduvidual = $(this);
               var slickNavFor = $(this).parent().find('.slick-nav');
               var arrowNext = slickInduvidual.find('.slick-nav .slick-next');
               var arrowPrev = slickInduvidual.find('.slick-nav .slick-prev');
               slickInduvidual.slick({
                    infinite: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    focusOnSelect: true,
                    nextArrow: arrowNext,
                    prevArrow: arrowPrev,
                    asNavFor: slickNavFor,
                    rows: 0
               });
          });
     }