Question

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

对话框已创建，但不在CONTENT div中。它是在身体下创建的！ 为什么它不会在CONTENT下附加？

Answer 1

我相信这篇博客文章可能比我能更好地解释它 http://blog.pengoworks.com/index.cfm/2007/10/26/jQuery-Understanding-the-chain

jQuery总是引用链中的第一个元素，除非你使用明确更改链的命令。

如果有人在jquery网站上引用了上述引用，请发布它，因为我也希望刷新我的知识...

<强>更新实际上上面可能不是你的问题（留下来仍然有效）似乎Dialog本身有一些关于实际添加的问题，请看这里：http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body

这些似乎已经解决，所以它取决于你的jquery UI版本，请看这里： http://api.jqueryui.com/dialog/#option-appendTo

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

Answer 2

dialog() - 函数将其移出#content div。创建了一个小fiddle，其中只有一个常规（非dlg）div插入#content - ＆gt;作品。然后我在html（非javascript）中插入另一个div并使其成为一个对话框 - ＆gt;移出#content

动态创建jQuery对话框＆amp;将它附加到DIV。对话框已创建，但不在DIV中

2 个答案: