動態創建jQuery對話框並將其附加到DIV。創建對話框但不在DIV內

Question

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

Dialog被創建，但不在CONTENT div內。它被創建在身體下！ 爲什麼它不會在CONTENT下追加？

Answer 1

我相信這篇博客文章可能有助於解釋它比我能 http://blog.pengoworks.com/index.cfm/2007/10/26/jQuery-Understanding-the-chain

的jQuery總是引用的第一個元素鏈，除非你 使用明確改變鏈的命令。

如果有人對jQuery的網站，請上傳它，因爲我也想刷新一個我所知，以上報價參考..

UPDATE： 其實上述不得是你的問題（留在其仍然有效）似乎對話本身有一定的問題，因爲它實際上是被添加其中，在這裏看到：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股利。創建了一個小的fiddle，其中只有一個常規（非dlg）div插入到#content - >作品中。然後我插入另一個div在HTML（非JavaScript），並提出了一個對話框 - >移出＃內容