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

Question

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

Answer 1

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

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

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

此代码就在$('> .previous', divobj).click(function(){之后的第117行：

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

代码将disabled类添加到下一个和上一个按钮。然后你可以根据需要设计它们。

Answer 2

从doc上方的下载链接：

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