jquery - 如何限制用户只对列表中的给定元素进行排序？

Question

我正在使用 Ruby on Rails v3.2.2 和 jquery-rails v2.0.2 gems（包括 jQuery UI）。在我看来，我已经实现了一个“基本”/“简单”的jQuery UI 可排序交互，我想限制用户只对列表中的给定元素进行排序。也就是说，例如，如果我有以下可排序列表：

• 项目 1
• 第 2 项
• 第 3 项
• 物品 ...

我只会将其Item 3设为可排序，而将其他设为不可排序。是否可以？

Answer 1

我不确定结果。但按照我的想法，下面的过程应该有效。您可以尝试在您的 javascript 中替换

$( "#sortable" ).sortable();

和

$( "#sortable .innerElement" ).sortable();    

考虑到，“innerElement”是需要排序的 DOM 元素的类。
使用这种方法，您应该能够通过应用“innerElement”类使多个选定元素可排序。

希望对你有帮助 ：）

Answer 2

您可以使用该handle选项。使用 HTML 如下：

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li><span id="thisone">Item 3</span></li>
  <li>Item 4</li>
</ul>

您可以这样设置可排序属性：

$(function() {
    $( "#sortable" ).sortable({handle: '#thisone'});
});