jquery drop选项不起作用

Question

我已经使用了所有的故障排除技术，但不知道为什么drop事件没有触发。我正试图让"分子"落入"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作为droppable中accept的值，而不是将值作为#rxnCenter

这是jsfiddle

http://jsfiddle.net/fuDCB/

Answer 2

我认为您必须接受可丢弃的accept选项中的可拖动的东西。试试这个，它可能有用。

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