jQuery可拖拽/放置問題

Question

我一直在試圖實現一些簡單的可拖拽/ droppable代碼（下面的鏈接），但沒有成功。物品拖動，恢復並停留在收容中。但是，當放入可投放區域時，該項目會發出警報，但它不再可拖動。

理想情況下，我想讓項目在拖放區域之間拖動。以防萬一用戶將其移動到可丟棄區域，然後改變主意。一旦進入可投放區域，我希望也可以讓物品在那裏移動。

我可以忽略一些明顯的東西嗎？我發現的所有內容看起來都很實用。

我一直在尋找並嘗試一些東西，但一直沒有任何運氣。

http://jsfiddle.net/ySa3h/2/

<div class="build_board_text" id="build_board_text"> 

    <div id="src_landscape_8-5x11"> 

     <div id="draggable_1" class="draggable_item"> 
      <br />Text 1. 
     </div> 
     <div id="draggable_2" class="draggable_item"> 
      <br />Text 2. 
     </div> 
    </div><!-- source list --> 
    <div id="dst_landscape_8-5x11">&nbsp;</div><!-- destination list --> 

</div 

$(function() { 
    $('div', $('#src_landscape_8-5x11')).draggable({ 
     revert: 'invalid', 
     containment: '#build_board_text' 
    }); 
    $('#dst_landscape_8-5x11').droppable({ 
     accept: '#src_landscape_8-5x11 > div', 
     drop: function() { 
      alert('Dropped!'); 
     } 
    }); 
    $('#src_landscape_8-5x11').droppable({ 
     accept: '#dst_landscape_8-5x11 div', 
     drop: function() { 
      alert('Dropped back!'); 
     } 
    }); 
}); 

Answer 1

不完全知道爲什麼，但如果你從#dst_landscape_8-5x11刪除position:relative，然後它工作。

編輯：另外，2號一個改變你的消息，以配合第一：

$('#src_landscape_8-5x11').droppable({ 
     accept: '#src_landscape_8-5x11 div',... 

的項目在src_...源於所以他們往往認爲是，它似乎部分。