我正在尝试为网页构建自己的滑块,因为我不想使用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");
});
我试图将警报放入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");
});
关于javascript - JS脚本-if语句忽略jQuery代码,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58247767/