Question

我有一个连接到可排序的jQuery UI draggable，可排序使用items option来限制可以对哪些项进行排序。我不确定这是正常行为还是错误，但是我无法阻止拖拽在不可排序的项目之后被丢弃。

我设置了这个JSfiddle来演示问题：http://jsfiddle.net/agSwn/1/

在第1项或第2项之前无法删除拖动因为它们不可排序。但是，可以在第7项之后删除拖动。请注意，例如，如果在项目3之后放下拖动，则无法在第7项之后对该新项目进行排序。

Answer 1

如果真的不允许用户在1和2之前或之后删除项目，可能这些东西属于不同的列表，因为它们将始终分别是第一个和最后一个项目。如果你希望外观保持不变，你可以调整html和css。

<div id='lists'>
   <ul>
      <li class="ui-state-default">Item 1 (not sortable)</li>
      <li class="ui-state-default">Item 2 (not sortable)</li>
   </ul>
   <ul id="sortable">
      <li class="mixable ui-state-default">Item 3 (sortable)</li>
      <li class="mixable ui-state-default">Item 4 (sortable)</li>
   </ul>
   <ul>
      <li class="ui-state-default">Item 5 (not sortable)</li>
      <li class="ui-state-default">Item 6 (not sortable)</li>
      <li class="ui-state-default">Item 7 (not sortable)</li>
   </ul>
</div>

在此处查看我的示例，它看起来与您的功能相似，只有您想要的功能：http://jsfiddle.net/dgmCp/1/

jQuery UI draggable connectToSortable不遵守可排序项选项

1 个答案: