Droppable无法识别拖拽

时间:2012-10-24 12:46:58

标签: jquery-ui jquery-ui-draggable jquery-ui-droppable

我正在使用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)?

0 个答案:

没有答案