私はドラッグ可能な jquery sdk を使用しており、jQuery UI photo manager demoに従って、UL メンバーの 1 つだけをドラッグ不可にし、他のすべてをドラッグ可能にしたいと考えています。
たとえば、最初の写真をドラッグできないようにしたいとします。
私はドラッグ可能な jquery sdk を使用しており、jQuery UI photo manager demoに従って、UL メンバーの 1 つだけをドラッグ不可にし、他のすべてをドラッグ可能にしたいと考えています。
たとえば、最初の写真をドラッグできないようにしたいとします。
それ以外の:
$( "li", $gallery ).draggable
セレクター、これを使用します:
$( "li:gt(0)", $gallery ).draggable
ドキュメントに見られるように
$( ".selector" ).draggable({ cancel: ".special" });
ドラッグ可能として何かを指定するときは、ドラッグ可能性をjQueryオブジェクトに適用します。送信したリンクの例では、次のようになっています。
$( "li", $gallery ).draggable([options]);
ドラッグできないものを作成するために必要なのは、jQueryのセレクターにドラッグ可能にしたいものが含まれていることを確認することだけです。ドラッグ可能にしたいアイテムに「ドラッグ可能」などのクラスを配置するのが最も簡単な方法です。
ドラッグできない要素が必要な場合は、not
セレクターを使用してください:
$( "li:not(.notdragabble)" ).droppable();
notaccepted 要素が必要な場合:
$( ".selector" ).droppable({ accept: "not(.notdragabble)" });
HTML の例:
<ul>
<li>sdfsdf</li>
<li>sdfsdf</li>
<li class="notdragabble">sdfsdf</li>
</ul