停止最后一张幻灯片上的jQuery按钮动画

Stop jQuery button animation on last slide

本文关键字：幻灯片 jQuery 动画 按钮 一张 最后      更新时间：2023-09-26

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

在上面附加的jsfiddle链接中，cd英雄有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);
      }
  });

如果您接受将类添加到感谢按钮（例如thanks）的建议，则可以使用If语句开始初始单击事件，该语句执行除继续动画之外的其他操作。类似于：

代码：

$('.cd-btn').on('click', function(event) {
      event.preventDefault();
      if($(this).hasClass('.thanks')){
       //do something other than animate the slides
      } else {
        var activePosition = $('.cd-hero-slider .selected').index();
        var selectedPosition =  activePosition + 1;
        nextSlide($('.cd-hero-slider'), $(''), selectedPosition);
        updateNavigationMarker(selectedPosition + 1);
      }
  });
相关文章：