Javascript Jquery循环将隐藏函数更改为禁用

我使用jquery循环作为旋转木马。我想为导航按钮添加一些额外的功能，以便在幻灯片放映开始时禁用上一个按钮，在幻灯片放映结束时禁用下一个按钮

这里可以看到部分解决方案：，但我不想隐藏（显示：无）按钮-我想给它一个class=“disabled”

我无法调整此脚本以执行此操作：

    <script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next:   '#mycarousel-next', 
        prev:   '#mycarousel-prev',
        after:   onAfter,
        pause: true,
        nowrap: true,
    });
});
function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $('#mycarousel-prev')[index == 0 ? 'hide' : 'show']();
    $('#mycarousel-next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}
</script>

$（文档）.ready（函数（）{
$（'.slideshow'）。循环({
fx:‘scrollHorz’，//选择过渡类型，例如：淡入淡出、向上滚动、洗牌等。。。
下一个：“#mycarousel下一个”，
上一页：“#mycarousel上一页”，
之后，
停顿：是的，
诺拉普：没错，
});
});
函数onAfter（curr、next、opts）{
var指数=opts.currside；
$（'mycarousel prev'）[index==0？hide'：'show']（）；
$（'mycarousel next'）[index==opts.slideCount-1？'hide'：'show']（）；
}

我想我需要带$（'mycarousel next'）.attr（'disabled'，''）；但我的javascript很差：(

非常感谢您的帮助

---

Tony

非常直截了当。如果您在第一张或最后一张幻灯片上，请添加禁用的

类。
始终先从这两个类中删除
禁用的
类，否则在到达任一端后，您将始终保持禁用状态。这假设您已为
禁用的
定义了css

function onAfter(curr, next, opts) {
    var index = opts.currSlide;

    $('#mycarousel-prev, #mycarousel-next').removeClass('disabled');

    if(index == 0) {
        $('#mycarousel-prev').addClass('disabled');
    } else if(index == (opt.slideCount-1)) {
        $('#mycarousel-next').addClass('disabled');
    }
}

如果您使用的是实际要禁用的按钮，则需要将代码更改为：

function onAfter(curr, next, opts) {
    var index = opts.currSlide;

    $('#mycarousel-prev, #mycarousel-next').attr('disabled', '');

    if(index == 0) {
        $('#mycarousel-prev').attr('disabled','disabled');
    } else if(index == (opt.slideCount-1)) {
        $('#mycarousel-next').attr('disabled','disabled');
    }
}

杰夫，非常感谢你的回答。我简单地尝试了一下，可以看到残障人士的班级被完美地增加了。但是在过渡期间按下“上一个”或“下一个”按钮的时间有一个问题。我很确定这与增加班级无关。我需要仔细研究一下——我肯定我看到有人提到过这种跳t他在某处滑动。更新-如果在转换过程中按下导航链接，可以在这个演示上看到跳跃/抖动。Hmmm。