Question

昨天我得到了如何制作具有不同身份证的div的答案。但这些div需要可拖动和可调整大小。我用jqueryUI做了这个，但我找不到在下一段代码中实现它的方法（因此，对于每个生成的div，它需要bi添加.resizable和dragable）：

var c = 0;
$('#add_txt').on('click', function(){
    $('#vk_main').append('<div id="vk_text_'+ (c++) +'">TEST</div>');
});

因此，对于每个div“vk_text_somenumber”，必须分配属性：.draggable（）。resizable（）; 。我试图这样做，但我得到的只是#vk_main可拖动而没有别的。

Answer 1

var c = 0;
$('#add_txt').on('click', function(){
    var $div = $('<div id="vk_text_'+ (c++) +'">TEST'+c+'</div>');
    $('#vk_main').append($div);
    $div.draggable();
    $div.resizable();
});

Answer 2

一旦页面加载完成，您需要将Draggable事件附加到该div。这样你就可以轻松拖动它。（我不知道你何时调用click方法。但是你需要在页面加载时附上事件）

$(document).ready(function() 
{
var c = 0;
$('#add_txt').on('click', function(){
    $('#vk_main').append('<div id="vk_text_'+ (c++) +'">TEST</div>');
    $('#vk_text_' + (c++)).draggable(); // (c++) is your random number which is concated with Div
});
}

将.draggable（）和resizable（）分配给动态创建的div

2 个答案: