Question

这是一个半轮播，从数据库中提取动态内容，以便轮播中的元素数量发生变化。初始右键单击按钮被禁用，以防止用户显示第一个左侧的空白区域。当滚动条到达最后一个元素时，左键单击按钮被禁用，以防止在最后一个元素的右侧显示空白区域。我创建了一个范围来启用/禁用click元素。来回一次工作 - 之后按钮被禁用但禁用的类被删除所以它没有重新绑定。

非常感谢任何帮助/指导！

$(document).ready(function(){
        $('.rght-arrw').off('click').addClass('disabled');

         $('.left-arrw').click(function () {
            $('.nav-content').animate({ left: '-=151' });
            var newCarouselX = $('.nav-content').position();
            var boxWidth = $('.nav-content').width();
            var navWidth = $('.nav-frame').width();
            var scrollMove = ((boxWidth - navWidth)*(-1)) + 165;
             if (newCarouselX.left < 50 && newCarouselX.left > scrollMove) {
                $('.rght-arrw').on('click').removeClass('disabled');
                } 
             else {
                $('.left-arrw').off('click').addClass('disabled');
            } 
             event.preventDefault(); 
        });

         $('.rght-arrw').click(function () {
             $('.left-arrw').on('click').removeClass('disabled');
             $('.nav-content').animate({ left: '+=150' });
             var newCarouselX = $('.nav-content').position();
             var boxWidth = $('.nav-content').width();
             var navWidth = $('.nav-frame').width();
             var scrollMove = ((boxWidth - navWidth)*(-1)) ;
             if (newCarouselX.left < -50 && newCarouselX.left < scrollMove) {
                $('.left-arrw').on('click').removeClass('disabled');
            } 
             else {
                $('.rght-arrw').off('click').addClass('disabled');
            } 
            event.preventDefault();
         });

    });

Answer 1

您已停用此代码中的点击次数：

$('.rght-arrw').off('click').addClass('disabled');

然后你添加了那段代码：

 $('.rght-arrw').click(function () {

这就是点击不起作用的原因。

.on（＆＃39;点击＆＃39;）/关闭（＆＃39;点击＆＃39;） - 没有重新加油

1 个答案: