ダイナミックに作成されたdivに.draggable（）とresizable（）を割り当てる

Question

昨日、私は異なるIDでdivを作成する方法を回答しました。しかし、それらのdivはドラッグ可能でサイズ変更可能である必要があります。私はjqueryUIでこれをやったが、私は（.resizableとドラッグ可能Bi添加するので、すべての生成のdivに、それが必要です）コードの次の部分でそれを実装する方法を見つけるカント：すべてのdivのために、

var c = 0; 
$('#add_txt').on('click', function(){ 
    $('#vk_main').append('<div id="vk_text_'+ (c++) +'">TEST</div>'); 
}); 

ので、 "vk_text_somenumber"には属性を割り当てる必要があります：.draggable（）。resizable（）; 。私はこれをやろうとしましたが、#vk_mainはドラッグ可能で、それ以外は何もありません。

Answer 1

var c = 0; 
$('#add_txt').on('click', function(){ 
    var $div = $('<div id="vk_text_'+ (c++) +'">TEST'+c+'</div>'); 
    $('#vk_main').append($div); 
    $div.draggable(); 
    $div.resizable(); 
});​ 

Answer 2

ページの読み込みが完了したら、そのdivにDraggableイベントをアタッチする必要があります。簡単にドラッグすることができます。 （私はあなたがクリックメソッドを呼び出しているときを知っているドン。しかし、あなたは、ページの読み込みにイベントをattacgする必要があります）

$(document).ready(function() 
{ 
var c = 0; 
$('#add_txt').on('click', function(){ 
    $('#vk_main').append('<div id="vk_text_'+ (c++) +'">TEST</div>'); 
    $('#vk_text_' + (c++)).draggable(); // (c++) is your random number which is concated with Div 
}); 
}