區分

Question

我爲奧斯卡分配創建交互式屏幕不同的投擲的元素（jQuery的拖放）和我是一種停留在那一刻。

我們有2個dropzones和3個投擲的元素。每當可拖拽的元素a被拖拽到一個拖拽區域時，當可拖拽的元素b被拖拽時它現在顯示相同的內容。 （丟棄它增加了一類顯示器塊添加到隱藏的內容會顯示）

有沒有辦法來區分可放開元素，所以我們可以彈出鏈接到不同的投擲的元素不同的內容？

$(function() { 
$("#draggable1").draggable({ revert: true }); 
    $("#draggable2").draggable({ revert: true }); 
    $("#draggable3").draggable({ revert: true }); 

$("#dropzone1").droppable({ 
    drop: function(event, ui) { 
      $(".content").css({display: "block"}); 
      $("#dropzone1").hide(); 
    } 
}); 
$("#dropzone2").droppable({ 
    drop: function(event, ui) { 
      $(".content").css({display: "block"}); 
      $("#dropzone2").hide(); 
    } 
}); 

Answer 1

你在找這樣的事嗎？

https://jsfiddle.net/avq1wkp5/

$("#draggable1").draggable({ revert: true }); 
$("#draggable2").draggable({ revert: true }); 
$("#draggable3").draggable({ revert: true }); 

$("#dropzone1").droppable({ 
    drop: function(event, ui) { 
      $("#content1").show(); 
      $("#content2").hide(); 
    }  
}); 

$("#dropzone2").droppable({ 
    drop: function(event, ui) { 
      $("#content2").show(); 
      $("#content1").hide(); 
    } 
}); 

或改進版本

https://jsfiddle.net/avq1wkp5/1/