Question

yesterday i got answer how to make divs with different id’s. But those divs need to be dragable and resizable. I did this with jqueryUI, but i cant find way to implement it in next piece of code (so, to every generated div, it need to bi added .resizable and dragable):

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

So, for every div “vk_text_somenumber”, must be assigned attributes: .draggable().resizable(); . I tried to do this, but all i got is #vk_main dragable and nothing else.

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();
});​