2009-11-19 137 views
0

昨天我已經厭倦瞭解釋這一點,但我不認爲人們理解它。 我處張貼http://www.whatevercorp.com/problem/jQuery禁用/啓用Droppable/Draggable狀態

我已經有一段時間沒有使用jQuery工作的代碼和例子,但到處都搜索禁止(「啓用」)/禁用例子還是有辦法來改變飛行狀態可放開。

基本上我有2個問題:

  1. 如何更改或限制.drop類只接受1個項目在div 如果你看一下例子(whatevercorp.com/problem/)你會看到你可以在一個div中放2個項目,它變得很時髦。我只是想限制它,因爲它是一張照片庫。

  2. 我該如何跟蹤表格中的所有droppble項目。我希望用戶能夠在將它們放入框中時移動它們,但也要跟蹤每個移動。我看着序列化,但需要一些指針。

希望清除它,我可以讓這個工具啓動並運行。感謝您的幫助!

回答

2

要保持多張圖像掉進一個div.drop,試試這個:

$(".drop").droppable({ 
    accept: ".photo", 
    activeClass: 'droppable-active', 
    hoverClass: 'droppable-hover', 
    drop: function(ev, ui) { 
     //returning false will cancel the drop 
     if ($(this).children('img').length > 0) return false; 

     $(this).append(ui.draggable); 
     $('#output').append($(ui.draggable).attr('src')+"<br />");    
     $('#output').append($(this).attr("id")+"<br />"); 
    } 
}); 

進行跟蹤瞭解他們的舉動,你很可能將不得不與時設置裏面的全局變量工作上面的那個放下功能。

+0

OMG,非常感謝!我一直在拉我的頭髮! – John