禁用可拖動的用於使用每一個元素：LT（3）選擇器

Question

我有以下工作的代碼：

$stock.click(function() { 
    $waste.append($stock.children('.container:lt(3)').card('upturn').droppable('disable').css("left", function(i) {return ["0rem", "2rem", "4rem"][i];})); //3 divs 
    }); 

此代碼增加了幾個類，以3名div的，除了爲CSS。每個div都得到使用不同的左屬性：

.css("left", function(i) {return ["0rem", "2rem", "4rem"][i];}) 

這一切工作，但我也想禁用拖動選項的第2分div的。

我已經試過類似的東西（1）：

.draggable('disable', function(i) {return ["true", "true", "false"][i];}) 

和（2）

.draggable(function(i) {return ['disable', 'disable', 'enable'][i];}) 

但儘量（1）禁止所有的3個div的，而不只是第2和嘗試（2）根本不起作用。

我該如何做到這一點？

非常感謝

Answer 1

拖動控件的禁用屬性設置與選項方法和此屬性需要一個布爾值，由另一隻手CSS jQuery的方法接受功能作爲第二個參數但禁用方法或禁用財產沒有。最好的方法是使用每個方法，在每個項目迭代：

.each(function(i){ $(this).draggable("option", "disabled", [false, true, true, false][i]) }); 

jsfiddle