Javascript 动态创建jQuery对话框&；将其附加到DIV。对话框已创建，但不在DIV内 $（'.image'）。可拖动({ 还原：'无效'， 助手：'clone'， }); $（“#内容”）。可拖放({ 接受：'.image'， drop：函数（事件、用户界面{ $（''）.appendTo（'#content'）.dialog（）； } });

对话框被创建，但不在CONTENT div内。它是在body下创建的！

---

为什么它不附加在内容下？

我相信这篇博文可能比我能更好地解释它

jQuery总是引用链中的第一个元素，除非 使用显式更改链的命令

如果有人在jquery网站上引用了上述报价，请将其发布，因为我也想更新我对该报价的了解

更新： 事实上，上述内容可能不是您的问题（保留在中，因为它仍然有效）。似乎Dialog本身在实际添加位置存在一些问题，请参见此处：

这些问题似乎已经解决，因此这取决于您的jquery UI版本。请参见此处：

dialog（）

-函数将其移出

#content

分区。创建了一个小分区，其中只在#content->中插入一个常规的（非dlg）分区。然后我在html中插入了另一个分区（非javascript），并使其成为一个对话框->移出#content

$('.image').draggable({
    revert:'invalid',
    helper:'clone',
});
$('#content').droppable({
    accept:'.image',
    drop:function(event , ui{
        $('<div>').appendTo('#content').dialog();               
    }
});

$('.image').draggable({
    revert:'invalid',
    helper:'clone',
});
$('#content').droppable({
    accept:'.image',
    drop:function(event , ui{
        $('#content').dialog({ appendTo: "#content" });               
    }
});