禁用滑块的上一个和下一个按钮

Question

我正在尝试创建一个滑块。我已经完成了此操作，但是我想在页面加载时或滑块在第一张幻灯片上时关闭上一页按钮。我还想在用户到达最后一张幻灯片时禁用下一个按钮。我可以使用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');
});