jquery - リスト内の特定の要素のみをソートするようにユーザーを制限する方法は?

Question

Ruby on Rails v3.2.2 と jquery-rails v2.0.2 gem (jQuery UI を含む) を使用しています。私の見解では、「基本的な」/「単純な」jQuery UI のソート可能な相互作用を実装しました。ユーザーが list 内の特定の要素のみをソートするように制限したいと考えています。たとえば、次の並べ替え可能なリストがあるとします。

• アイテム1
• 項目 2
• アイテム3
• アイテム ...

のみItem 3をソート可能にし、他のものはソートできないようにします。出来ますか？

Answer 1

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'});
});