我如何使jquery中只有一个UL元素不可访问

How do I make just one UL element undraggable in jquery?

本文关键字:元素 UL 访问 有一个 何使 jquery      更新时间:2024-04-07

我正在使用可拖动的jquery sdk,我想根据jquery UI照片管理器演示,只让一个UL成员不可拖动,其他所有成员都可拖动。

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

代替:

$( "li", $gallery ).draggable

选择器,使用这个:

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

如文档中所示

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

当您将某个对象指定为可拖动时,您将可拖动性应用于jQuery对象。在你发送的链接的例子中,他们有:

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

要使某些内容不可拖动,您所需要做的就是确保jQuery中的选择器包含所有您想要拖动的内容。最简单的方法是将一个名为"可拖动"的类或其他东西放在您想要拖动的项目上。

如果您想要不可提取的元素,只需使用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