$(function() { $(".banner").slick({ autoplay: true, dots: true }) $(".news").slick({ fade: true, autoplay: false, dots: true }) $(".ex-r>ul").slick({ autoplay: false, infinite: false, slidesToShow: 2, slidesToScroll: 1, responsive: [{ breakpoint: 1025, settings: { slidesToShow: 2, } }, { breakpoint: 769, settings: { slidesToShow: 1, } }] }) var dq_state = 1; state(); function state() { var all_len = $(".ex-r ul li.slick-slide").length; var num = dq_state / all_len * 100; $(".s2-state span").css("width", num + '%') } $('.ex-r ul').on("afterChange", function(item, index) { dq_state = index.currentSlide + 1; state() }) })