☰

並べ替え可能なアイテムのドラッグをキャンセルする 質問する

tag-icon • tag-icon jquery jquery-ui jquery-ui-sortable
並べ替え可能なアイテムのドラッグをキャンセルする 質問する

非常に一般的なソート可能なケース:

<script>
$(function() {
  $("#sortable").sortable();
});
</script>

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

問題。何らかの条件でアイテムのドラッグをキャンセルする必要があり、良いアドバイスがありますアンドリュー・ウィテカーただし、この方法は jquery-ui-draggable に対してのみ機能し、sortable に対しては失敗します。

$("#sortable").sortable({
  start: function() {
    return false; // will still cause `this.helper is null`
  }
});

ご提案いただければ幸いです。

ベストアンサー1

復帰false​ファジー提案は動的にソートできないようにするのに非常に効果的ですが、cancelオプションソート可能な設定では、静的なソート不可能なものも設定できます:

$("#sortable").sortable({
    // this prevents all buttons, form fields, and elemens
    // with the "unsortable" class from being dragged
    cancel: ":input, button, .unsortable"
});

おすすめ記事