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