jquery drop选项无法正常工作

Question

我已经使用了所有的故障排除技术，但无法弄清楚丢弃事件未触发的原因。我试图让“分子”落入“rxnCenter”

$(function(){
  $("#rxnCenter").droppable( {
    accept:'#rxnCenter', 
    drop: function(event, ui) {
      ui.draggable("revert",false)
    }
  });
});


$(function() {
  $("molecule").draggable({
    appendTo: "#rxnCenter",
    revert:true,
    appendTo:'#rxnCenter'
  });
});

感谢您的任何见解！

Answer 1

您必须在. or # molecule中将accept作为droppable的值，而不是将值#rxnCenter

这是jsfiddle

http://jsfiddle.net/fuDCB/

Answer 2

我认为你必须接受droppable accept选项中的可拖动事物。 试试这个，它可能有用。

$(function(){
  $("#rxnCenter").droppable( {
    accept:'molecule', 
    drop: function(event, ui) {
      ui.draggable("revert",false)
    }
  });
});