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