올빼미 회전식 동적 매개 변수

Question

올빼미 회전식 매개 변수를 동적으로 설정하는 몇 가지 해결 방법이 있습니까? 이 코드는 작동하지 않습니다 (jquery 오류).

$('.carousel').owlCarousel({ 
    loop: true, 
    autoplay: false, 
    items: 2, 
    slideBy: 2, 
    dots: false, 
    nav: true, 
    navContainer: function(elem) { 
    return '#' + $(elem).find('.some-class').prop('id'); 
    } 
}); 

이것은 오류로 끝나지 않지만 navContainer가 설정되지 않습니다.

$('.carousel').owlCarousel({ 
    loop: true, 
    autoplay: false, 
    items: 2, 
    slideBy: 2, 
    dots: false, 
    nav: true, 
    navContainer: '#' + $(this).find('.some-class').prop('id') 
}); 

나는 그렇게해야한다. 예제가 단순화되었으므로 html로 설정된 더 많은 캐 러셀과 params에 대해 하나의 코드를 사용하고 싶습니다.

Answer 1

코드의 문제는 this 참조가 상위 컨베이어를 가리 키지 않기 때문입니다. 이 문제를 해결하려면 each()을 사용하여 반복 할 수 있습니다.

$('.carousel').each(function() { 
    $(this).owlCarousel({ 
    loop: true, 
    autoplay: false, 
    items: 2, 
    slideBy: 2, 
    dots: false, 
    nav: true, 
    navContainer: '#' + $(this).find('.some-class').prop('id') 
    }); 
});