1

昨日、異なるIDでdivを作成する方法について回答を得ました。ただし、これらのdivはドラッグ可能でサイズ変更可能である必要があります。私はjqueryUIでこれを行いましたが、次のコードでそれを実装する方法を見つけることができません（したがって、生成されたすべてのdivに、.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ドラッグ可能で他には何もありません。

4

2 に答える 2

3 
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();
});​
于 2012-05-07T08:58:46.963 に答える
1

ページの読み込みが完了したら、Draggableイベントをそのdivにアタッチする必要があります。簡単にドラッグできるようにします。（クリックメソッドをいつ呼び出しているかはわかりませんが、ページの読み込み時にイベントをアタッチする必要があります）

$(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
});
}
于 2012-05-07T08:49:53.847 に答える