JQuery UI draggable не работает

Question

Я делаю div перетаскиваемый, но когда я добавляю div с JQuery preend заявление draggable не работает.

вот мой код:

var myString = '<div class="artimg ui-widget-content"><img id="artimg" src="' + imgname + '" width="150" height="150"></div>'; 
$('.front-style').prepend(myString); 

Dragabble код:

$(function() { 
    $("#artimg").draggable(); 
}); 

Answer 1

Вы должны сначала придать нужный элемент на странице перед вызовом .draggable() на него, например, так:

var $img = $('<img id="artimg" src="' + imgname + '" width="150" height="150">'); 
var $wrapper = $('<div />').addClass("artimg ui-widget-content") 
          .append($img); 
$('.front-style').prepend($wrapper); 

$img.draggable();