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' 
    }); 
}); 

ありがとうございました！あなたが代わりにここで#rxnCenter

としての価値を与えるのdroppableにacceptの値として. or # moleculeを与える必要があり

Answer 1

はjsfiddle

http://jsfiddle.net/fuDCB/

Answer 2

である私は、あなたがドラッグ可能なものを受け入れなければならないと思いますドロップ可能なacceptオプション これを試してください、それは動作する可能性があります。

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