jquery drop 选项不起作用答案

【问题标题】：jquery drop option not workingjquery drop 选项不起作用
【发布时间】：2012-01-18 05:08:08
【问题描述】：

我已经使用了所有的故障排除技术，但无法弄清楚为什么 drop 事件没有触发。我试图让“分子”进入“rxnCenter”

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


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

感谢您的任何见解！

【问题讨论】：

我认为你必须在 droppable 中将 molecule 作为 accept 的值而不是 #rxnCenter
你有一个元素？有趣的。请告诉我，您的第二个选择器是一个错字。

标签： jquery drag-and-drop draggable

【解决方案1】：

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

这里是 jsfiddle

http://jsfiddle.net/fuDCB/

【讨论】：

【解决方案2】：

我认为你必须在 droppable 接受选项中接受可拖动的东西。试试这个，它可能会工作。

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

【讨论】：