我正在使用 jQuery 创建一个可放置的元素 - 这似乎工作正常,因为该元素获取了类 ui-droppable。
我已经这样设置了:
$('#trashcan').droppable({
drop: function( event, ui ) {
alert('Dropped');
}
});
图像在哪里#trashcan
。
后来,为了响应用户操作,我设置了一些可拖动对象。这些是表格行,我像这样设置它们(“元素”只是创建的表格行):
$(element).draggable({
revert: false,
helper: 'clone',
intersect: 'pointer',
stop: function() {
alert('dropped');
}});
之后,它们看起来像这样:
<tr class="ui-draggable">
<td>First</td>
<td>Name</td>
</tr>
所以这一切看起来都设置好了。但是,当我将表格行拖到垃圾桶上时,我会从可拖动代码中“删除”,而不是从可放置代码中。所以draggable已经被拖了,但是droppable还没有识别出来。
我不确定在这里检查什么。例如,有什么理由不能在表格行上工作吗?我已经检查了 z-index 之类的东西,这似乎不是问题。在创建可拖动对象后,我是否必须做一些特殊的事情来连接可拖动对象和可放置对象(即在创建可放置对象时完成的事情,因为稍后会创建可拖动对象,所以我需要重新执行此操作)?