jquery - 如何在 content_tag_for 元素上禁用 jquery 排序

Question

我正在使用 jquery ui 排序项目列表，如下所示：

%ul.nav.nav-tabs.nav-stacked#lineup{"data-update-url" => sort_lineups_url}
  - @pieces.each_with_index do |piece, index|
    = content_tag_for :li, piece do
      = link_to "#{(index + 1).to_s + ' - ' + piece.name}", '#'

jQuery ->
  $('#lineup').sortable(
    axis: 'y'
    update: ->
      $.post($(this).data('update-url'), $(this).sortable('serialize'))
  );
  $( "#not-sortable" ).disableSelection();

我想要做的是始终禁止对@pieces 中的第一项进行排序。但是，我不知道如何使用 disableSelection() 来做到这一点。请帮忙。

Answer 1

disableSelection只保留文本不被选中；它不会阻止元素的存在sortable。请参阅https://groups.google.com/forum/?fromgroups#!topic/jquery-ui/B2h_Ea4jo5I。

实现此目的的最佳方法是使用取消选项。

这是一个例子 - http://jsfiddle.net/s6XTu/7/