Fatal编程技术网
  • meteor/
  • 使用jquery可排序和Meteor Blaze的多个可排序列表

使用jquery可排序和Meteor Blaze的多个可排序列表

meteor

使用jquery可排序和Meteor Blaze的多个可排序列表,meteor,jquery-ui-sortable,Meteor,Jquery Ui Sortable,我有两个列表，我想用jQueryUI进行排序。问题是只有一个列表变为可排序/可拖动 jqtest.html： <body> <div id="list1"> <li>one</li> <li>two</li> <li>three</li> </div> <div id="list2"> <li>one</li> <li&

我有两个列表，我想用jQueryUI进行排序。问题是只有一个列表变为可排序/可拖动

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>
这项工作：

UI.body.rendered = function(){
 this.$("#list1").sortable();
 this.$("#list2").sortable();
}
通过查看控制台，我可以看到ui sortable类只添加到list1中，这可能就是它不起作用的原因。我尝试将该类手动添加到列表2中，但也没有成功（该类已添加，但无法拖动）

我通过复制每个列表的可排序调用实现了这一点，但这对我来说似乎不是很枯燥，可能会影响性能。

您可以通过将ID组合成单个逗号分隔的字符串来实现这一点：

this.$（'list1，'list2'）.sortable（）；
作为旁注，您拥有的html是无效的…
  • 应该是
    的直接子级，而不是jQuery，您可能希望使用本机HTML5拖放API，使用。这非常有效。我从哪里得到的语法？非常感谢。jquery只使用普通的。因此
    X，Y
    表示页面上的所有X和所有Y。

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