JQuery用户界面可拖动不起作用

Question

我正在制作可拖动的div，但是当我用jquery预先添加div时 声明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();