jquery - 如何在放置时设置新创建的 div 的位置？

Question

在我的放置处理程序中，我创建了一个 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>);