如何在放置時設置新創建的div的位置？

Question

在我的drop處理程序中，我創建了一個DOM節點newNode。我想newNode本身可拖動，並且位於最初的電流下降發生在的#container其中，與newNode在的#container父。下面的代碼不會給newNode正確的初始位置，儘管我可以拖動它。有任何想法嗎？

drop: function(event, ui) { 
    newNode = $("<div>new node</div>")[0] 
    $("#container).append(newNode) 
    $(newNode).draggable({ helper: "original" }) 

    newNode.style.position = 'absolute' 
    newNode.style.left = ui.helper.left 
    newNode.style.top = ui.helper.top 
} 

謝謝！

Answer 1

drop: function(event, ui) { 
    newNode = $("<div>new node</div>")[0].css({position:'absolute', left:ui.helper.left, top:ui.helper.top}).draggable({ helper: "original" }); 
    $("#container").append(newNode) 
} 

Answer 2

drop: function(event, ui) { 
    newNode = $("<div>new node</div>")[0] 
    $("#container").append(newNode) 
    $(newNode).draggable({ helper: "original" }) 

    newNode.style.position = 'absolute' 
    newNode.style.left = ui.helper.left 
    newNode.style.top = ui.helper.top 
} 

您忘記「

，您可以在newNode

newNode.addClass("classe"); 

和manipule的CS類中添加新的類

$(".classe").attr("style", <yourcss>);