jQuery函数if语句

我创建了一个名为VoteSlide的函数。当我点击按钮

.prev

和

.next

时，它会执行该功能。但正如您所看到的，功能对两个按钮的反应相同。所以我希望当按下不同的按钮时，函数的反应会有所不同。一个函数的左边距应为

100%

，另一个函数的左边距应为

100%

但我该如何创造这种微小的差异呢？我在考虑使用if/else语句。但我还没有习惯于在这种情况下如何应用它（或者它是否是解决这个问题的正确方法）

函数VoteSlide（）{
var prev=此；
$（prev.find（“.output”）.html（函数（i，val）{returnval*1+1}）；
$（prev）.removeClass（“prev”）
$（“body”）.find（.art”）.each（function（）{
$（this.prepend（“”）；
如果（索引<图像长度+0）{
索引++；
}
否则{
$（“#nav”）.fadeOut（）；
};
});
$（this）.closest（'body'）.find（“.art-img:last”）.stop（）.animate
（{'margin-left'：'-100%，}，500，
函数（）{
$（this.remove（）；
$（上一个）.addClass（“上一个”）；
}
);
}
$（'#nav'）.delegate（'.prev'，click'，VoteSlide）；
$（'#nav'）。委托（'.next'，'click'，VoteSlide）；

您可以使用if语句检查单击的按钮的类别，以确定它是

prev

还是

next

按钮。尝试将其置于

VoteSlide

功能的最顶端：

if($(this).hasClass('prev')) {
  var margin = '-100%';
} else {
  var margin = '100%';
}

然后在此处使用margin变量：

$(this).closest('body').find(".art img:last").stop().animate(
   {'margin-left': margin},
   500,
   function(){
     $(this).remove();
     $(prev).addClass("prev");
   }
);

---

你在第一篇文章中有一个小错误，但它给了我正确的答案！但问题是，如果你有超过5个按钮可供选择，会发生什么？你需要写很多if/else语句吗？还是有更好的方法？我不确定我是否完全遵循。每个按钮点击是否应该以不同方式更改VoteSlide方法的结果？您应该能够对代码进行一点迭代，并使其在编写代码时更有效地工作。

$(this).closest('body').find(".art img:last").stop().animate(
   {'margin-left': margin},
   500,
   function(){
     $(this).remove();
     $(prev).addClass("prev");
   }
);