Question

我有三个可排序列表。其中一个是网格，另外两个只是简单列表。非网格列表彼此嵌套。我的问题是，我无法将项目拖动到嵌套的可排序项，但我可以从中拖出它。

我从嵌套列表的官方kendo示例中做了一个小提琴：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
});

Kendo嵌套的sortables无法正常工作

1 个答案: