javascript - 在空间和位置方面添加特定类

Question

我在我的网站上使用双面时间轴。在时间轴栏的两侧有几个缩略图。我在左侧缩略图上添加了 on-left-track 类，在右侧缩略图上添加了 on-right-track 类。 on-left-track 类有 float:left 和 on-right-track 类有 float:right。第一个是 on-left-track，第二个是 on-right-track； 3rd 将再次 on-left-track。

我的问题是

1) 我想通过 jQuery 添加 on-left-track 和 on-right-track。

2) 由于两者都有一个 float，如果一个拇指的高度较小，则下一个拇指会在那里填充空间。即:我的拇指在 left 上，下一个是小拇指在 right 上，第二个应该在 left 上对。

我的代码例如:

<div class="thumb on-left-track>
  ....
</div>
<div class="thumb on-right-track>
  ....
</div>

<div class="thumb on-left-track>
  ....
</div>

有人能帮忙吗？

Answer 1

然后在您的 css 上执行此操作:

.thumb.on-left-track { float: left }
.thumb.on-right-track { float: right }

当然，这个答案没有考虑可能覆盖这些样式的其他 css 样式。