2016-06-15 6 views
0

Jquery UIを使用して3つのアイテムをドラッグアンドドロップしています。ユーザーが3つの項目すべてを正しい場所にドロップした後に、隠しボタンを表示することは可能ですか?言い換えれば、すべてのアイテムが正しく落とされたかどうかを確認する必要があります。何かご意見は?Jquery UIを使用してすべてのアイテムを削除した後に関数を処理しますか?

ありがとうございます!

答えて

1

はこれをテストしていないが、ここで私達は行く:

// list with one entry for each item 
var todo_list = { 
    id1: false, 
    id2: false, 
    id3: false 
}; 

// total number of items to be dropped by the user 
var remaining = 3; 

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     if (todo_list[this.id] === false) { 
      todo_list[this.id] = true; 
      remaining--; 

      if (remaining === 0) { 
       do_something(); 
      } 
     } 
    } 
}); 

dropコールバック内には、this.idを使用してドロップされたアイテムのidにアクセスすることができるはずです。

+1

ありがとうございました!それが本当に私を助けました! – AndrewLeonardi

関連する問題