jQuery UIを使用してテーブル行にドラッグアンドドロップする

Question

jQuery UIのdraggableとdroppableを使用して、ドラッグドロップUIカレンダースケジューラ/プランナ（googleやOutlookのようなもの）を作成しようとしています。しかし、メソッドを適用した後は、droppableクラスの最初の行にドラッグされた後、droppableのコンテンツをドラッグアンドドロップすることはできません。つまり、最初のdroppableクラス要素以外の行にドラッグできません。ここで

はjsのコードです：

$().ready(function() 
    { 
     $(".droppable tr td").droppable(); 
     $(".draggable").draggable({ 
      containment: '.droppable' 
     }); 
    }); 

ここFiddleです。

droppableクラスのテーブルのどの行にもドラッグアンドドロップできます。あなたはtr.droppable内にドロップしたら、あなたはそれを取ることができないので、あなたがcontainment: '.droppable'を設定している

Answer 1

、droppableは、<tr>タグ内に存在するクラスです。

これは単にcontainment: '.droppable'を削除することで解決できます。 Updated demo