如何在jquery中創建一個UL元素不可碎的？

Question

我正在使用可拖動的jquery sdk，並且我想只根據jQuery UI photo manager demo製作UL成員中的一個不可裁剪的部分和其他所有可拖動的部分。

例如，我想讓第一張照片不可拖動。

Answer 1

代替看出：

$("li", $gallery).draggable 

選擇器，用這一個：

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

• :gt() docs

Answer 2

如果你想undraggable元素只是用not選擇：

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

---

如果你想notaccepted元素：

使用accept選項和not選擇：

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

的HTML例如：

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

Answer 3

如documentation

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

Answer 4

當您指定某些內容爲可拖動時，您可以將可拖動性應用於一個jQuery對象。在鏈接的例子中，你送它們有：

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

所有你需要做的，使一些不能拖動爲確保您的jQuery選擇含有磺酰基那些你想成爲拖動。最簡單的方法是將一個名爲「可拖動」的類放在您希望拖動的項目上。