jQuery类更改

Question

我正在与之合作的背景是： datetime

为了达到以下目的，我一直在使用（似乎是）一百个版本的

$('.two').click(function() {
      if($('.two')){
        $('.two').addClass("one");
        $('.two').removeClass("two") }
}

但我知道必须有一个更简单的方法。到目前为止，我对jQuery完全陌生。试图为客户生成类似传送带的东西。

1. 用户点击.two：

   • .two添加.one类，删除.two类
   • .three添加.two类，删除.three类
   • .one添加.three类，删除.one class

2. 用户点击.three：

   • .three添加.two类，删除.three类
   • .two添加.one类，删除.two类
   • .one添加.three类，删除.one class
   • .two添加.one类，删除.two类

3. 用户点击.one：

   • 模态打开。

它本质上是一个轮播，但如果有意义则继承类。任何帮助是极大的赞赏。我把动画放下来，它只是使类正确且一致（因此当它们不应该时它们不重叠或移动）。

Answer 1

这里发生了很多事情：

1. 正如已经指出的那样，您的if语句不会检查是真还是假，它只是选择一些元素。
2. 你的CSS设置方式，即使元素移动到新的位置，你也不会注意到。中间块.two始终为黄色，始终位于中间。因此，如果我给另一个块.two，它会立即更新自己在那个位置。你可以通过使用不同的类来分配颜色来解决这个问题。
3. 最后，您没有else语句来检查该类是否为.one，这表示显示模态而不是旋转块。

所有这一切，我相信这是你正在寻找的。希望你能从这个例子中学习。 http://jsfiddle.net/xph5dgto/1/