jquery - 追加後にDivクラスが機能しない

Question

私はこのhtmlを持っています:

<div id="something" class="draggable">Hello World!</div>

ボタンを押すと、次のコードが呼び出されます。

function addDiv(fatherDiv){
        $("#"+fatherDiv).append("<div id='randomId' class='draggable' style='position: absolute; top: 100px; left: 250px; width: 120px; height: 20px;'>Text of Div</div>");
    }

問題は、Div は完全に作成されますが、Div を追加するときにクラスが機能せず (ドラッグ可能)、唯一のドラッグ不可能な要素になることです。

追加された Div が他の div と同じようにドラッグ可能な要素になるようにするにはどうすればよいですか?

Answer 1

.draggable()新しく作成された要素を呼び出す必要があります。そうしないと、バインドされません。addDiv最後にチェーンすることで、関数に追加できます。

Answer 2

私は問題を解決しました：

function addDiv(fatherDiv){
     $("#"+fatherDiv).append("<div id='randomId' class='draggable' style='position: absolute; top: 100px; left: 250px; width: 120px; height: 20px;'>Text of Div</div>");
     $("#"+fatherDiv).enhanceWithin();
}