jquery append div，然後使其可調整大小和可拖動？

我很困惑爲什麼下面的腳本不起作用......它附加div（import_box）並使其可拖動，但不能調整大小？我錯過了什麼，我嘗試了一些不同的東西，但他們都要麼禁用拖動，要麼什麼都不做以改善情況。我很高興的任何幫助......jquery append div，然後使其可調整大小和可拖動？

function open_import_window(){ 
$('body').append('<div id="msg_bg"></div>'); 
$('body').append('<div id="import_box" class="import_box"><div class="title_bar">Import</div><div id="content_import_box"></div></div>'); 
$('#import_box').draggable({handle:".title_bar"}).resizable(); 
var window_width = $(window).innerWidth(); 
var import_box_left = (window_width/2)-400; 
$("#import_box").css("left", import_box_left); 

var window_height = $(window).innerHeight(); 
var import_box_top = (window_height/2)-250; 
$("#import_box").css("top", import_box_top); 

$.ajax({ 
    url: 'import.php', 
    success: function(data) { 
     $('#content_import_box').html(data); 
     resize(); 
    } 
}); 
}

我做了一個小的jsfiddle：http://jsfiddle.net/YSs6U/

來源

2012-08-01 Lennart Hase