슬릭 슬라이더 옵션을 변경하는 방법?

슬릭 슬라이더에 문제가 있습니다. 모든 슬라이드에서 'slidesToShow'옵션을 변경하고 싶습니다. 각 슬라이더 페이지는 그룹을 나타내며 오른쪽 요소 만 해당 페이지에 표시됩니다. 각 슬라이드에는 데이터 그룹 속성이 있습니다.이 속성은 요소를 계산하여 'slickSetOption'에 전달하는 데 사용됩니다.슬릭 슬라이더 옵션을 변경하는 방법?

https://jsfiddle.net/xnnm645x/3/

$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 
    checkSlideToShow(nextSlide); 
});

왜 여전히 슬라이더의 제 4 개 페이지 요소 대신 3 있는가?

그리고 마지막 슬라이더 페이지로 스크롤하면 div의 너비가 어떻게 바뀌 었는지 알 수 있으며 갑자기 3 개의 슬라이드가됩니다. 전환 효과를 없앨 수 있습니까?

출처

2017-01-11 Cornykid

괜찮는, 슬라이더 내 프로젝트에 지금 작동하는 것 같다. 이제 그 못생긴 효과없이 슬라이드를 변경하기 만하면됩니다. – Cornykid

slick이 .slider 요소의 기능을 위해 2 div를 주입하기 때문에 코드가 작동하지 않습니다.

당신은 당신의 데이터는 속성과 사업부를 발견 할 필요가

console.log($('.slider div')) // count will be 11 and it will break your logic.

콘솔

에 로그인하여 확인하실 수 있습니다.

$('.slider div *[data-group]') // count will be 9

근무 예 : https://jsfiddle.net/fydo8pt3/

출처

2017-01-11 13:55:06 Deep

예! 지금은 일하고있어, 고마워. 이제 전환을하지 않고 어떻게 결과를 얻을 수 있습니까? 나는 사용자가 그것을보고 싶어하지 않는다. – Cornykid

@Cornykid 한번 시도해 보도록하겠습니다. 메시지가 나타납니다 – Deep

@Cornykid 방법에 대해 https://jsfiddle.net/ukt29aL5/ ?? 속도는 나쁜 전환을 아주 명확하게 보이지 않게 할 수 있습니다. – Deep

슬릭 슬라이더 옵션을 변경하는 방법?

답변

관련 문제