我在我的网站上使用双面时间轴。在时间轴栏的两侧有几个缩略图。我在左侧缩略图上添加了on-left-track
类,在右侧缩略图上添加了on-right-track
类。 on-left-track
班级有float:left
,on-right-track
班级有float:right
。首先是on-left-track
,第二个是on-right-track
;第3次将再次on-left-track
。
1)我想通过jQuery添加on-left-track
和on-right-track
。
2)由于两者都有一个float
,如果一个拇指的高度很小,则下一个拇指会在那里填充空间。即:left
上有正常的拇指,下一个是right
上的小拇指,而下一个应该是on left
的下一个右手。
<div class="thumb on-left-track>
....
</div>
<div class="thumb on-right-track>
....
</div>
<div class="thumb on-left-track>
....
</div>
有人可以帮忙吗?
答案 0 :(得分:0)
对于第一个问题:
$( "div:odd").attr('class','on-left-track');
$( "div:even").attr('class','on-right-track');
// Or:
// $( "div:odd").addClass('on-left-track');
// $( "div:even").addClass('on-right-track');
答案 1 :(得分:0)
然后在css
:
.thumb.on-left-track { float: left }
.thumb.on-right-track { float: right }
当然,这个答案不会考虑可能会覆盖这些样式的其他css
样式。