javascript - 在可排序中使用 jquery 事件偶数/奇数 css 更改

Question

我根据我加载的数据在 php 中构建了一组 div，我使用 sortable 让用户能够更改顺序并保存它。为了使用起来更舒适，我希望 set 中的每个第二个 div 都具有不同的格式。当我将一个“偶数”div 移动到另一个“偶数”位置时，此代码有效，否则当我将“偶数”div 放置到“奇数”位置时，它开始将它们之间的所有颜色都着色为“奇数”。

代码:

$( ".droppable" ).sortable({
  update: function( ) {
    $(".draggable:nth-child(even)").addClass("even");
    $(".draggable:nth-child(odd)").addClass("odd");
  }
});

我做错了什么？为帮助干杯!

Answer 1

What did I do wrong?

您使用了 jQuery。

使用 CSS:

.draggable:nth-child(even) {
    background: #eee; /* Or whatever you want */
}