jquery - 如何禁用液体 jquery 轮播中的下一个按钮？

Question

我正在使用 jQuery Liquid Carousel 插件，但我不知道如何禁用上一个和下一个按钮。你能帮帮我吗？

Answer 1

在文件 jquery.liquidcarousel.js 中进行以下更改：

在第 110 行添加以下代码$('> .wrapper > ul', divobj).animate({'marginLeft': -(currentposition * totalwidth)}, options.duration);：

if (currentposition+visiblelis >= totallis ) {
  $(this).addClass("disabled");
}
$('> .previous', divobj).removeClass('disabled');

在第 117 行的这段代码紧随其后$('> .previous', divobj).click(function(){：

$('> .next', divobj).removeClass('disabled');
if ((currentposition - visiblelis) <= 0) {
  $(this).addClass("disabled");
}

该代码将一个disabled类添加到下一个和上一个按钮。然后，您可以根据需要设置它们的样式。

Answer 2

从下载链接上方的文档中：

$(document).ready(function() {
    $('#liquid').liquidcarousel({
        hidearrows: true    //hide arrows if all of the list items are visible
    });
});