resizeable not works

resizeable not works

Hello!

I'll crate some <div> elements dynamic.

That's my function
  1.         function newCreate(x)
                {
                    switch(x)
                    {
                    case 'text':
                    var newVal ="<div class=\"ui-widget-content draggable ui-draggable ui-resizable\" style=\" width:200px; height:50px\"   id='"+Objects+"' ><label class=\"Normal\"  >Dieser Text Ist Statisch ID:"+Objects+"</label></div>";
                    break;
                   
                    case 'image':
                    var newVal ="<div class=\"ui-widget-content draggable ui-draggable ui-resizable\" style=\" width:50px; height:50px\"   id='"+Objects+"' ><label class=\"Normal\"><img style='width:100%; height:100%' src='test.jpg'</label></div>";
                    break;
                    }
                   
                   
                    document.getElementById('innerdiv').innerHTML += newVal;
                    Objects++;
                   
                    $( ".draggable" ).draggable
                    ({
                        cursor: 'move' ,
                        containment: 'parent' 
                    });
           
                    $( ".draggable").resizable(
                    {
                                containment: 'parent' ,
                                animate: false ,
                                minWidth: 75,
                                minHeight: 75
                    }); // setze Object auf resizeable
                   
       
                }       





































If I try it first, the DIV can be dragged and resized. But if I try it again, the first div can only be moved, but not resize it and the second div works fine.

why wouldn't the resize function updated corecly, but the dragable function well?

please help.