Question

我有两个列表，我想用jQuery UI进行排序。问题是只有一个列表可以排序/可拖动。

jqtest.html：

<body>
 <div id="list1">
  <li>one</li>
  <li>two</li>
  <li>three</li>
 </div>

 <div id="list2">
  <li>one</li>
  <li>two</li>
  <li>three</li>
 </div>
</body>

jqtest.js

不工作：

UI.body.rendered = function(){
this.$("#list1", "#list2").sortable();
}

这有效：

UI.body.rendered = function(){
 this.$("#list1").sortable();
 this.$("#list2").sortable();
}

通过查看控制台，我可以看到ui-sortable类只被添加到list1中，这可能就是为什么它不起作用了。我尝试手动将类添加到list2但是这也没有用（添加了类但没有拖动）。

我通过复制每个列表的可排序调用来实现它，但这对我来说似乎并不是很干燥，并且可能会对性能产生影响。

Answer 1

您可以通过将ID组合成一个以逗号分隔的字符串来完成此操作：

this.$('#list1, #list2').sortable();

带有jquery sortable和Meteor Blaze的多个可排序列表

1 个答案: