2012-05-09 52 views
1

我有一個可以拖動的項目清單:刪除拖拖時,從項目的功能/下降

$("li").draggable({ 
     connectToSortable: ".sortable", 
     helper: "clone" 
}); 

一旦項目被拖拽我想阻止用戶再次拖動同一項目。我可以做到這一點嗎?可能添加一些CSS到剛拖動的項目?

如果用戶不掉落物品(取消拖動)這個項目,然後拖動未來應該保持啓用

注:我不能刪除助手:clone屬性。

回答

1

像這樣的東西可能會奏效:

$("li").draggable({ 
      connectToSortable: ".sortable", 
      helper: "clone", 
      stop: function(event, ui) { $(this).draggable('disable') } 
}); 
+0

謝謝,但我只注意到的拖動上即使用戶不將項目拖放到指定區域的項目關閉。如果用戶不放棄該項目,那麼將來的拖動應該保持啓用狀態 –

+1

有一個類似的「停止」回調,這是「drop」回調。但它必須在「可丟棄」區域進行配置。它會是這樣的:'$(「#droppable」).droppable({function:{event,ui} {ui.draggable.draggable('disable'); } });'' – lamelas

0

在偵聽dragstop事件時禁用可拖動。

$(".selector").bind("dragstop", function(event, ui) { 
    $(".selector").draggable({ disabled: true }); 
});