並べ替え可能な要素を使用できるようにすることはできますが、それでもユーザーは要素内のテキストをコピーして貼り付けることができますか?
<div class="sortable">
<div class="pseudo-sortable">Foo</div>
<div class="pseudo-sortable">Bar</div>
<div>other stuff that i don't care if a user
can't copy (maybe images or buttoms)</div>
</div>
私は簡単に行うことができます:
$('.sortable').sortable({cancel: '.pseudo-sortable'});
これにより、ブラウザでテキストを選択し、必要に応じてコピーして貼り付けることができます。ただし、これにより、人がドラッグ/ドロップできないようになります。ですから、キャンセルから始めたいと思いますが、マウスがコンテナの外側に一定の距離を移動すると、疑似ソート可能オブジェクトはキャンセルされなくなります。それは理にかなっていますか?
これが不可能な場合、私の最後のオプションは、コンテナーを並べ替え可能と並べ替え不可能に切り替えるトリガーを適用して、テキストを選択できるようにすることですが、UIクリックを最小限に抑えることをお勧めします。