Javascript 如何使英雄滑块转到特定的幻灯片

我正在为我的项目使用，我想定义一个函数，如

gotoSlideN（n）

，以转到第n张幻灯片

var gotoSlideN = function (n) {
  $(".cd-hero-slider .selected").removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
    $(".cd-hero-slider .selected").removeClass('is-moving');
  });
  var selectedPosition = n,
      activePosition = $('.cd-hero-slider .selected').index();
  if (activePosition < selectedPosition) {
    $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').nextAll().addClass('move-left');
  } else {
    $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').prevAll().addClass('move-right');
  }
};

---

我找到了我问题的答案

enter code herevar gotoSlideN = function (n) {var selectedPosition = n,
        activePosition = $('.cd-hero-slider .selected').index();
if (activePosition < selectedPosition) {
$(".cd-hero-slider .selected").removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
    $(".cd-hero-slider .selected").removeClass('is-moving');
});
   $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').nextAll().addClass('move-left');
} 
else {
    $(".cd-hero-slider .selected").removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
  $(".cd-hero-slider .selected").removeClass('is-moving');
});  
   $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').removeClass('move-left').nextAll().removeClass('move-left');

在此输入代码var gotoSlideN=function（n）{var selectedPosition=n，
activePosition=$（'.cd-hero-slider.selected'）.index（）；
如果（活动位置<所选位置）{
$（“.cd hero slider.selected”）.removeClass（'从左到右选择'）.addClass（'正在移动'）.one（'WebKittTransitionEnd OrtTransitionEnd OrtTransitionEnd msTransitionEnd transitionend msTransitionEnd transitionend'，函数（）{
$（“.cd-hero-slider.selected”）.removeClass（'is-moving'）；
});
$（“.cd英雄滑块”）.children（'li'）.eq（n）.addClass（'selected from left'）.nextAll（）.addClass（'move-left'）；
} 
否则{
$（“.cd hero slider.selected”）.removeClass（'从左到右选择'）.addClass（'正在移动'）.one（'WebKittTransitionEnd OrtTransitionEnd OrtTransitionEnd msTransitionEnd transitionend msTransitionEnd transitionend'，function（）{
$（“.cd-hero-slider.selected”）.removeClass（'is-moving'）；
});  
$（“.cd-hero slider”）.children（'li'）.eq（n）.addClass（'selected from left'）.removeClass（'move-left'）.nextAll（）.removeClass（'move-left'）；

//container.children（'li'）.eq（n）.addClass（'selected from left'）.removeClass（'move-left'）.nextAll（）.removeClass（'move-left'）； } };

enter code herevar gotoSlideN = function (n) {var selectedPosition = n,
        activePosition = $('.cd-hero-slider .selected').index();
if (activePosition < selectedPosition) {
$(".cd-hero-slider .selected").removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
    $(".cd-hero-slider .selected").removeClass('is-moving');
});
   $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').nextAll().addClass('move-left');
} 
else {
    $(".cd-hero-slider .selected").removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
  $(".cd-hero-slider .selected").removeClass('is-moving');
});  
   $(".cd-hero-slider").children('li').eq(n).addClass('selected from-left').removeClass('move-left').nextAll().removeClass('move-left');