https://jsfiddle.net/z3q2wtLf/29/light/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);
}
});
答案 0 :(得分:1)
如果您接受建议将一个类添加到感谢按钮(例如thanks
),您可以使用if语句开始初始点击事件,该语句除了继续动画之外还执行其他操作。类似的东西:
<强> CODE 强>:
$('.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);
}
});