Отключить кнопки назад и вперед для слайдера - PullRequest
Новая
       87

Отключить кнопки назад и вперед для слайдера

0 голосов
/ 06 мая 2020

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

Вот мой код (я удалил свою реализацию addclass, потому что она работала некорректно) : 

function sliderscroll(direction, tag) {

    var span_tag = $(tag);
    var sliderscrolltag = span_tag.parents('.sliderscroll');
    var sliderscrollul = sliderscrolltag.find('.sliderscroll_main ul');
    var sliderscrollItems = sliderscrollul.find('li');
    var sliderscrollItemsnumber = sliderscrollItems.length;
    var sliderscrollnumber = Math.ceil(sliderscrollItemsnumber / 3);
    var maxnegativemargin = -(sliderscrollnumber - 1) * 585;
    var marginrightnew;
    var marginrightold = sliderscrollul.css('margin-right');
    marginrightold = parseFloat(marginrightold);


    if (direction == 'next') {
        marginrightnew = marginrightold - 585;
    }
    if (direction == 'prev') {
        marginrightnew = marginrightold + 585;
    }


    if (marginrightnew < maxnegativemargin) {
        marginrightnew = 0;

    }

    if (marginrightnew > 0) {
        marginrightnew = maxnegativemargin;
    }
    sliderscrollul.animate({'marginRight': marginrightnew}, 1000);

}



$('.next').(function () {
    sliderscroll('next');
});

$('.prev').click(function () {
    sliderscroll('prev');
});
...