опция отбрасывания jquery не работает

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

Я думаю, что вы должны принять перетаскиваемую вещь в опции сбрасываемого принятия. Попробуйте, это может сработать.

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

Answer 2

Вы должны указать . or # molecule в качестве значения для accept в droppable вместо указания значения #rxnCenter

Вот jsfiddle

http://jsfiddle.net/fuDCB/