jquery - 将 .draggable() 和 ressized() 分配给动态创建的 div

Question

昨天我得到了如何使用不同 id 制作 div 的答案。但这些 div 需要可拖动且可调整大小。我用 jqueryUI 做到了这一点，但我找不到在下一段代码中实现它的方法(因此，对于每个生成的 div，它需要添加 .ressized 和可拖动):

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

因此，对于每个 div“vk_text_somenumber”，必须分配属性:.draggable().ressized(); 。我尝试这样做，但我得到的只是 #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();
});​