javascript - 如何在 jquery 中只使一个 UL 元素不可拖动？

Question

我正在使用可拖动的 jquery sdk，并且我只想根据jQuery UI 照片管理器演示使 UL 成员之一不可拖动，而其他所有成员都可拖动。

例如，我想让第一张照片不可拖动。

score 5 · Accepted Answer

代替：

$( "li", $gallery ).draggable

选择器，使用这个：

$( "li:gt(0)", $gallery ).draggable

score 1 · Accepted Answer

1

$( ".selector" ).draggable({ cancel: ".special" });

于 2012-07-27T14:48:32.690 回答

score 0 · Accepted Answer

如果你想要不可拖动的元素，只需使用not选择器：

$( "li:not(.notdragabble)" ).droppable();

如果你想要不接受的元素：

使用accept选项和not选择器：

$( ".selector" ).droppable({ accept: "not(.notdragabble)" });

以 HTML 为例：

<ul>
   <li>sdfsdf</li>
   <li>sdfsdf</li>
   <li class="notdragabble">sdfsdf</li>   
</ul

score 0 · Accepted Answer

当您将某些东西指定为可拖动时，您将可拖动性应用于 jQuery 对象。在您发送的链接示例中，他们有：

$( "li", $gallery ).draggable([options]);

要使某些东西不可拖动，您需要做的就是确保 jQuery 中的选择器只包含您希望可拖动的那些。最简单的方法是将一个名为“可拖动”的类或其他东西放在您想要可拖动的项目上。

4 回答 4