jquery - Jquery Append div 然后使其可调整大小和可拖动？

Question

我很困惑为什么下面的脚本不起作用...它附加了 div (import_box) 并使其可拖动，但不能调整大小？我是否遗漏了什么，我尝试了一些不同的方法，但它们要么禁用拖动，要么不采取任何措施来改善这种情况。我很乐意为您提供任何帮助...

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/

Answer 1

是的。你错过了 jQuery UI CSS。看到这个小提琴，检查左侧的“添加资源”按钮以获取（一个）jQuery UI CSS 主题的链接。