Javascript JS脚本-if语句忽略jQuery代码

我正在尝试为网页构建我自己的滑块，因为我不想使用Bootstrap。 但是现在我面临一个问题，if语句忽略了jQuery动画

// SLIDER

$(".dot").click(function(){
  let currentId = ($(".dot-active").attr("id")[$(".dot-active").attr("id").length - 1]);
  let nextId = event.target.id[(event.target.id).length - 1];

  $(".dot-active").removeClass("dot-active");
  $("#" + event.target.id).addClass("dot-active");

  if(Number(currentId) < Number(nextId)){
    $("#slide" + currentId).hide("slide", { direction: "left" }, 350);
  } else {
    $("#slide" + currentId).hide("slide", { direction: "right" }, 350);
  };
  $("#slide" + currentId).addClass("slide-inactive");
  $("#slide" + currentId).removeClass("slide-active");

  if(Number(currentId) < Number(nextId)){
    $("#slide" + currentId).hide("slide", { direction: "right" }, 350);
  } else {
    $("#slide" + currentId).hide("slide", { direction: "left" }, 350);
  };
  $("#slide" + nextId).removeClass("slide-inactive");
  $("#slide" + nextId).addClass("slide-active");
});

//滑块
$（“.dot”）。单击（函数（）{
让currentId=（$（.dot-active”）.attr（“id”）[$（.dot-active”）.attr（“id”）.length-1]）；
让nextId=event.target.id[（event.target.id）.length-1]；
$（.dot-active”）.removeClass（“dot-active”）；
$（“#”+event.target.id）.addClass（“点活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+currentId）.hide（“slide”{direction:“left”}，350）；
}否则{
$（“#slide”+currentId）.hide（“slide”{方向：“right”}，350）；
};
$（“#幻灯片”+currentId）.addClass（“幻灯片不活动”）；
$（“#幻灯片”+当前ID）.removeClass（“幻灯片活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+currentId）.hide（“slide”{方向：“right”}，350）；
}否则{
$（“#slide”+currentId）.hide（“slide”{direction:“left”}，350）；
};
$（“#幻灯片”+nextId）.removeClass（“幻灯片不活动”）；
$（“#幻灯片”+nextId）.addClass（“幻灯片活动”）；
});

我尝试将警报放入if语句中，但它成功了，因此它可能无法识别jQuery代码行。此外，如果没有if语句，动画效果也很好。有人知道为什么吗

还有一个问题： 当我在第一次单击事件上没有if语句（只有一个滑动方向）运行此代码时，第一个动画不工作，之后每个动画都正常工作，有人知道为什么吗

谢谢你

我那里有虫子，我的坏朋友。 在这里修好了

// SLIDER

$(".dot").click(function(){
  let currentId = ($(".dot-active").attr("id")[$(".dot-active").attr("id").length - 1]);
  let nextId = event.target.id[(event.target.id).length - 1];

  $(".dot-active").removeClass("dot-active");
  $("#" + event.target.id).addClass("dot-active");

  if(Number(currentId) < Number(nextId)){
  $("#slide" + currentId).hide("slide", { direction: "left" }, 350);
  } else {
    $("#slide" + currentId).hide("slide", { direction: "right" }, 350);
  };
  $("#slide" + currentId).addClass("slide-inactive");
  $("#slide" + currentId).removeClass("slide-active");

  if(Number(currentId) < Number(nextId)){
  $("#slide" + nextId).show("slide", { direction: "right" }, 350);
  } else {
    $("#slide" + nextId).show("slide", { direction: "left" }, 350);
  };
  $("#slide" + nextId).removeClass("slide-inactive");
  $("#slide" + nextId).addClass("slide-active");
});

//滑块
$（“.dot”）。单击（函数（）{
让currentId=（$（.dot-active”）.attr（“id”）[$（.dot-active”）.attr（“id”）.length-1]）；
让nextId=event.target.id[（event.target.id）.length-1]；
$（.dot-active”）.removeClass（“dot-active”）；
$（“#”+event.target.id）.addClass（“点活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+currentId）.hide（“slide”{direction:“left”}，350）；
}否则{
$（“#slide”+currentId）.hide（“slide”{方向：“right”}，350）；
};
$（“#幻灯片”+currentId）.addClass（“幻灯片不活动”）；
$（“#幻灯片”+当前ID）.removeClass（“幻灯片活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+nextId）.show（“slide”{方向：“right”}，350）；
}否则{
$（“#slide”+nextId）.show（“slide”{方向：“left”}，350）；
};
$（“#幻灯片”+nextId）.removeClass（“幻灯片不活动”）；
$（“#幻灯片”+nextId）.addClass（“幻灯片活动”）；
});

我在那里有bug，我的坏朋友。 在这里修好了

// SLIDER

$(".dot").click(function(){
  let currentId = ($(".dot-active").attr("id")[$(".dot-active").attr("id").length - 1]);
  let nextId = event.target.id[(event.target.id).length - 1];

  $(".dot-active").removeClass("dot-active");
  $("#" + event.target.id).addClass("dot-active");

  if(Number(currentId) < Number(nextId)){
  $("#slide" + currentId).hide("slide", { direction: "left" }, 350);
  } else {
    $("#slide" + currentId).hide("slide", { direction: "right" }, 350);
  };
  $("#slide" + currentId).addClass("slide-inactive");
  $("#slide" + currentId).removeClass("slide-active");

  if(Number(currentId) < Number(nextId)){
  $("#slide" + nextId).show("slide", { direction: "right" }, 350);
  } else {
    $("#slide" + nextId).show("slide", { direction: "left" }, 350);
  };
  $("#slide" + nextId).removeClass("slide-inactive");
  $("#slide" + nextId).addClass("slide-active");
});

//滑块
$（“.dot”）。单击（函数（）{
让currentId=（$（.dot-active”）.attr（“id”）[$（.dot-active”）.attr（“id”）.length-1]）；
让nextId=event.target.id[（event.target.id）.length-1]；
$（.dot-active”）.removeClass（“dot-active”）；
$（“#”+event.target.id）.addClass（“点活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+currentId）.hide（“slide”{direction:“left”}，350）；
}否则{
$（“#slide”+currentId）.hide（“slide”{方向：“right”}，350）；
};
$（“#幻灯片”+currentId）.addClass（“幻灯片不活动”）；
$（“#幻灯片”+当前ID）.removeClass（“幻灯片活动”）；
if（编号（当前ID）<编号（nextId））{
$（“#slide”+nextId）.show（“slide”{方向：“right”}，350）；
}否则{
$（“#slide”+nextId）.show（“slide”{方向：“left”}，350）；
};
$（“#幻灯片”+nextId）.removeClass（“幻灯片不活动”）；
$（“#幻灯片”+nextId）.addClass（“幻灯片活动”）；
});

请在您的答案中添加一些解释，以便其他人可以从中学习。请看一看，两天后回来，如果您的声誉超过15，请检查答案是否正确。我遇到的错误如下：1）在代码的最后部分使用了错误的变量，如果所有内容都应该与nextId相关，但我已将currentId粘贴在那里2）使用代码的最后一部分中的.hide函数而不是.show函数。show函数肯定会在2天后出现以检查答案请对您的答案添加一些解释，以便其他人可以从中学习。请查看并在两天后返回如果你的声誉超过15，请按回答检查。好吧，我在那里遇到的错误如下：1）在代码的最后部分使用了错误的变量，其中所有内容都应该与nextId相关，但我在代码的最后部分使用了.hide函数而不是.show函数粘贴了currentId。2）2天后，show函数肯定会来检查答案