劍道嵌套排序不起作用

Question

我有三個可排序的列表。 其中一個是網格，另外兩個只是簡單的列表。 非網格列表相互嵌套。 我的問題是，我無法將項目拖到嵌套的 sortable 中，但是我可以從中拖出。

我從嵌套列表的官方劍道示例中制作了一個小提琴： 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
});