Кендо не работает

Question

У меня есть три сортируемых списка. Один из них представляет собой сетку, два других просто списки. Списки без сетки вложены друг в друга. Моя проблема в том, что я не могу перетащить элементы во вложенную сортируемую область, однако я могу вытащить из нее

Я сделал скрипку из официального примера кендо для вложенных списков: https://jsfiddle.net/9jnuwjjg/1/

$("#parent").kendoSortable({
  connectWith: "#nested, #third",
  filter: ">li.list-item", 
  ignore: "#nested >li", 
  placeholder: placeholder
});

$("#nested").kendoSortable({
  connectWith: "#parent, #third",
  filter: ".list-item",
  placeholder: placeholder
});

$("#third").kendoSortable({
  connectWith: "#parent, #nested",
  filter: ".list-item",
  placeholder: placeholder
});

У него та же проблема, я не могу перетащить любой элемент во вложенный список.

Любая идея будет оценена!
Спасибо!

Answer 1

Я удалил прямой дочерний селектор, который у вас был в первом поле фильтра

$("#parent").kendoSortable({
  connectWith: "#nested, #third",
  filter: "li.list-item", 
  ignore: "#nested >li", 
  placeholder: placeholder
});

$("#nested").kendoSortable({
  connectWith: "#parent, #third",
  filter: ".list-item",
  placeholder: placeholder
});

$("#third").kendoSortable({
  connectWith: "#parent, #nested",
  filter: ".list-item",
  placeholder: placeholder
});