jQuery owl2 удаляет навигационную стрелку, когда нет элемента для цикла - PullRequest
Новая
       21

jQuery owl2 удаляет навигационную стрелку, когда нет элемента для цикла

0 голосов
/ 11 апреля 2019

У меня есть следующая карусель

enter image description here

Я хочу, чтобы исчезла одна из навигационных стрелок, когда на их левой / правой сторонах нет элементов. На снимке экрана выше приведен пример, если я пытаюсь использовать стрелку влево, это не зацикливание, поскольку на левой стороне нет изображений , поэтому стрелка не должна появляться.

Вот настройки, которые я сейчас использую 

Navigation.Defaults = {
    nav: false,
    navRewind: false,
    navText: [ 'prev', 'next' ],
    navSpeed: false,
    navElement: 'div',
    navContainer: false,
    navContainerClass: 'owl2-nav',
    navClass: [ 'owl2-prev', 'owl2-next' ],
    slideBy: 3,
    dotClass: 'owl2-dot',
    dotsClass: 'owl2-dots',
    dots: true,
    dotsEach: false,
    dotData: false,
    dotsSpeed: false,
    dotsContainer: false,
    controlsClass: 'owl2-controls',
    loop: false,
};

1 Ответ

0 голосов
/ 11 апреля 2019

Попробуйте с CSS, как показано ниже. 

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

Или вы можете сделать это с js из этого ответа https://stackoverflow.com/a/28027976/9695286

...