그래서 저는 Slick Carousel을 사용하고 성능상의 이유로 24개로 제한된 데이터베이스의 제품 목록을 표시합니다. 하지만 모두 표시해야 하므로 afterChange 함수를 만들었고 사용자가 슬라이드가 끝나기 전에 2개의 슬라이드를 가질 때마다 ajax는 또 다른 24개의 제품을 로드하고 slickAdd 함수를 사용하여 Slick의 끝에 추가합니다.
모든 것이 잘 작동하는데 slickAdd 함수가 실행되면 어떤 이유에서인지 슬라이드 너비가 457px에서 451px로 변경되고 현재 슬라이드에 네 번째 슬라이드의 일부가 보입니다. (3을 보여주고 있습니다.) 그런 다음 다음 버튼을 다시 클릭하면 너비가 457px로 돌아가고 모든 것이 잘 작동합니다.
으아아아이 문제의 원인은 무엇이며 이를 방지하는 방법은 무엇입니까?