droppable选项jquery的问题

时间:2011-12-13 03:47:02

标签: javascript jquery jquery-ui jquery-ui-draggable

这是我的代码:

$('.canDrag').draggable({
            revert:'invalid',
            snap:'.dropSpace',
            cursor:'move',
            start:function() {
                $(this).addClass('currentDrag');
            }
        });

这是设置可拖动元素并将函数附加到start事件。 这是droppable代码:

$('.trashSpace').droppable({

            drop:function() {
                $('.currentDrag').remove();
            },
        });

为了澄清,我正在尝试制作文档的“垃圾”部分,其中元素在放入时会消失。我已将currentDrag类设置为draggable并将drop函数设置为{{1删除时remove类。但删除没有发生。请帮忙。

1 个答案:

答案 0 :(得分:0)

droppable代码中有一个额外的逗号。

$('.trashSpace').droppable({
  drop:function() {
    $('.currentDrag').remove();
  }, // <-- here
});

我使用jQuery 1.7.1和jQuery 1.8.13测试了代码,它正在运行。

HERE 是代码。