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>);