3

我有一个连接到可排序的 jQuery UI 可拖动，并且可排序使用项目选项来限制可以排序的项目。我不确定这是正常行为还是错误，但我无法防止可拖动的项目在不可排序的项目之后被丢弃。

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

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

4

1 回答 1

2

如果真的不应该允许用户在 1 和 2 之前或 7 之后删除项目，那么这些项目可能属于不同的列表，因为它们将始终分别是第一个和最后一个项目。如果您希望外观保持不变，您只需调整 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/

于 2012-11-19T20:27:38.133 回答