Javascript jQuery可排序-仅移动一项

我有一张无序的清单，上面有一些清单项目。单击其中一个列表项时，它将成为“活动”列表项。我想让这个（而且只有这个）列表项可以移动到ul中的任何位置

<ul>
  <li class="li_item">Item 1</li>
  <li class="li_item">Item 2</li>
  <li class="li_item_active">Item 3</li>
  <li class="li_item">Item 4</li>
  <li class="li_item">Item 5</li>
  <li class="li_item">Item 6</li>      
</ul>

第1项
第2项
第3项
第4项
第5项
第6项

需要明确的是，此列表中的任何项目都可以激活。但我只希望活动元素是可移动的。

我认为您可以使用选项。像这样：

var $ul = $("#sortable"),
    $li = $ul.children();

$ul.sortable({
    cancel: ".item-disabled"
});

$ul.on('click', '.item', function() {
    $li.removeClass('item-active').addClass('item-disabled');
    $(this).toggleClass('item-active item-disabled');
})

$li.addClass('item-disabled');

---

演示：仅活动项，不包括其他项？你有什么代码可以开始吗？这不是默认的行为吗？您不能同时移动多个对象，或者您是否有2只鼠标？o。o@JimmyKnoot好的，它只会在您单击时切换到活动元素（并键入您的单击）。“可排序”功能是按住鼠标，使其不会切换到活动类。@TrevorW我不太确定我是否理解您到底想做什么。我认为这应该对您有所帮助：。这不是您的确切解决方案，但您可以使用该方法停用必要的li。+1，非常简单且易于理解的代码。正是我想要的。