как скрыть следующий и предыдущий компонент карусели совы?

У меня есть 5 компонентов карусели на странице. Каждый компонент содержит 2/5 элементов и показывает 3 на слайде... Это нужно, чтобы скрыть предыдущую кнопку, следующую из компонента, имеющего менее 3 элементов..

пожалуйста, предложите код.


javascript owl-carousel owl-carousel-2
person Rahul Rock    schedule 15.07.2016    source источник
comment
Добавьте свой код и ознакомьтесь с документацией: owlgraphic.com/owlcarousel/#customizing ... Раздел 3. Умолчания. Вы можете использовать navigation : false. Вы можете установить его, если ваш компонент имеет менее 3 элементов.   -  person Phil    schedule 15.07.2016

Ответы (2)


arrow_upward
0
arrow_downward 

if ($(".owl-carousel .items").length() < 3) {
    //hide buttons
    $(".owl-carousel .btn.next").hide();
    $(".owl-carousel .btn.prev").hide();
}

Вы должны немного приспособиться к своему коду

person Jordi Flores    schedule 15.07.2016

arrow_upward
0
arrow_downward

Просто добавьте этот css. если вы используете версию 2

.owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {
    display: none !important
}

NB Это также зависит от того, сколько элементов вы хотите показать в режиме слайдов.

person reza.cse08    schedule 05.02.2019