jquery - ReplaceWith 和 jQuery 可拖放？

Question

我试图理解为什么

$('#title').replaceWith('ha'); 

将在外部工作

drop: function(event, ui) {}

jquery 的可放置脚本中的区域，但它在内部不起作用。具体来说，如果我这样做

$(".droppable").droppable({
drop: function(event, ui) {
    $('#title').replaceWith('ha'); 
     }

我收到运行时错误(第 1102 行)data(...).options 为 null 或不是对象。另外，如果我在 drop: 内插入 $('#title').append('ha'); ，它就会起作用。但是，如果我将 $('#title').replaceWith('ha'); 放在外面的任何其他地方

$(".droppable").droppable({ /* */  });

有效吗？

Answer 1

我将此作为答案发布，但实际上它更多的是对 Jon Erickson 答案的评论(我还没有评论的声誉点)。 18 个月后，这仍然是 IE 中的一个错误，我只是想通过建议 setTimeout() 来详细说明“如何在 drop 函数之外运行某些内容”部分

我通过传递一个删除元素的匿名函数给 setTimeout() 来解决这个问题。根据您的捕捉或恢复设置，您可能还需要考虑隐藏可拖动对象。

$(".droppable").droppable({
    drop: function(event, ui) {
        // do something interesting here...

        // now get rid of the draggable
        $(ui.draggable).hide();           
        setTimeout(function(){$(ui.draggable).remove();}, 1);
    }
});