2

我正在使用 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 之类的东西,这似乎不是问题。在创建可拖动对象后,我是否必须做一些特殊的事情来连接可拖动对象和可放置对象(即在创建可放置对象时完成的事情,因为稍后会创建可拖动对象,所以我需要重新执行此操作)?

4

0 回答 0