Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

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

In lại Tác giả: Walker 123 更新时间：2023-11-28 03:30:08 28 4
mua khóa gpt4 Nike

我正在尝试为网页构建自己的 slider ，因为我不想使用 Bootstrap slider 。但是现在我遇到了 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);
  } khác {
    $("#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);
  } khác {
    $("#slide" + currentId).hide("slide", { direction: "left" }, 350);
  };
  $("#slide" + nextId).removeClass("slide-inactive");
  $("#slide" + nextId).addClass("slide-active");
});

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

还有一个问题:当我在第一次点击事件上运行此代码而不使用 if 语句(只有一个滑动方向)时，第一个动画不起作用，之后每个动画都正常工作，有人知道为什么吗？

Cảm ơn

câu trả lời hay nhất

我那里有错误，我的错。在这里修复它

// 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);
  } khác {
    $("#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);
  } khác {
    $("#slide" + nextId).show("slide", { direction: "left" }, 350);
  };
  $("#slide" + nextId).removeClass("slide-inactive");
  $("#slide" + nextId).addClass("slide-active");
});

关于javascript - JS 脚本 - if 语句忽略 jQuery 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58247767/

28 4 0
Đề xuất bài viết: javascript - 类型错误 : [API] is undefined in content script or Why can't I do this in a content script?
Đề xuất bài viết: javascript - 两个回调作为 Array.sort() 的参数，而不是 Array.sort().sort()
Đề xuất bài viết: javascript - 如何在 JavaScript 中将数组推送到对象
Đề xuất bài viết: javascript - 禁用滚动条以平滑滚动网站
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress