플러그인 캐 러셀이 추가로로드 된 항목에서 작동하지 않습니다.

Question

내 항목에 회전식 미리보기 이미지를 사용하려고하지만 항목이 다른 스크립트에 의해 생성되었지만 컨베이어 용 플러그인을로드하려고하지만 식별 할 수 없습니다. 항목.

내 실제 HTML :

<div class="prerecord_main"> 
    <div id="merch"> 
    </div> 
</div> 

스크립트에 의해 앞에 추가 후 :

<div class="prerecord_main"> 
    <div id="merch"> 
    <div class="product-container"></div> 
    <div class="product-container"></div> 
    <div class="product-container"></div> 
    <div class="product-container"></div> 
    <div class="product-container"></div> 
    </div> 
</div> 

내 jQuery를 플러그인가 항목을 읽을 수 없기 때문에

$(document).ready(function(){ 
    $('.prerecord_main #merch').slick({ 
     dots: true, 
     infinite: false, 
     speed: 300, 
     slidesToShow: 5, 
     touchMove: false, 
     slidesToScroll: 1 
    }); 
}); 

가 작동하지 않습니다 "제품 - 컨테이너 "

Answer 1

product-container 요소를 추가 한 후이 코드를 실행해야합니다. 제품 컨테이너 요소는 아직 문서 준비가되어 있지 않습니다.

$('.prerecord_main #merch').slick({ 
    dots: true, 
    infinite: false, 
    speed: 300, 
    slidesToShow: 5, 
    touchMove: false, 
    slidesToScroll: 1 
}); 

크롬을 사용하는 경우 개발자 도구 (F12)를 열 수 있습니다. 그런 다음 콘솔을 열고 위의 코드를 명령 행에 복사하고 Enter를 누르십시오. 이제는 작동하는 회전 목마가 보일 것입니다.