如何在下降时设置新创建的div的位置？

Question

在我的drop handler中，我创建了一个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");

并按类

操纵css

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