Изменение четного / нечетного CSS с помощью события jquery в сортируемом

0

У меня есть набор div, построенных в php, на основе данных, которые я загружаю, и я использую сортировку для пользователей, чтобы иметь возможность изменять их на заказ и сохранять. Чтобы было удобнее использовать, я бы хотел, чтобы каждый второй div был установлен в другом формате. Этот код работает, когда я перемещаю один "четный" div в другую "четную" позицию, иначе, когда я помещаю "четный" div туда, где "странно", он начинает окрашивать все между ними как "нечетные".

Код:

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

Что я делаю неправильно? Приветствую вас за помощь!

Теги:

3 ответа

2
Лучший ответ

Что я сделал не так?

Вы использовали jQuery.

Использовать CSS:

.draggable:nth-child(even) {
    background: #eee; /* Or whatever you want */
}
Поделиться
  • 0
    редактировать: хорошо! Мате большое спасибо!
  • 0
    Какой браузер? Jsfiddle?
Показать ещё 6 комментариев
1

Я бы использовал псевдоклассы CSS

DEMO http://jsfiddle.net/UAcC7/737/

li:nth-child(odd) {
    color: green;
}
li:nth-child(even) {
    color: red;
}
Поделиться
0

Измените порядок операторов addclass и проверьте, не изменилось ли это.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню