javascript - 在最后一张幻灯片上停止 jQuery 按钮事件

Question

https://jsfiddle.net/z3q2wtLf/29/embedded/result/

在上面附加的 jsfiddle 链接中，.cd-hero 有 3 个幻灯片，通过单击激活。我试图仅在第三张幻灯片(“谢谢”)上向 jQuery 添加停止事件，以便用户在该幻灯片上停止(不会向右滑动或返回到上一张幻灯片)。我是 jQuery 的新手，非常感谢任何有关如何实现这一目标的帮助!

我尝试应用以下但没有成功:

$('.cd-btn').on('click', function(event) {
      event.preventDefault();
      if($(this).hasClass('.thanks')){
       event.stopPropagation();
      } else {
        var activePosition = $('.cd-hero-slider .selected').index();
        var selectedPosition =  activePosition + 1;
        nextSlide($('.cd-hero-slider'), $(''), selectedPosition);

        updateNavigationMarker(selectedPosition + 1);
      }
  });

Answer 1

试试这个:

HTML

<a href="" class="cd-btn" id="BtnThankyou">Thank you</a>

JS

$('.cd-btn').on('click', function(event) {
           if($(this)[0].id == "BtnThankyou"){

           return false;
           }

            event.preventDefault();
            var activePosition = $('.cd-hero-slider .selected').index();
            var selectedPosition =  activePosition + 1;
            nextSlide($('.cd-hero-slider'), $(''), selectedPosition);

          updateNavigationMarker(selectedPosition + 1);
           });

DEMO