私は2つのdivを持っています：leftDivとmainDiv。leftDivにドラッグおよびドロップ可能ないくつかのリスト要素が含まれていmainDivます。これらのドロップされたアイテムを内部でもドラッグ可能にしたいのですmainDivが、このdiv内で最初にドラッグした後、アイテムはドラッグできなくなります。どうすればこれを修正できますか？これが私のjQueryコードです：
$('#output li').draggable({
helper: 'clone',
revert: 'invalid'
});
$('#mainDiv').droppable({
drop: function (event, ui) {
if(ui.draggable.hasClass('foo')){
$(ui.helper).remove();
$(this).append(ui.draggable.draggable());
}
else {
var item = $('<div class="foo">').append(ui.draggable.text());
item.draggable();
$(this).append(item);
}
}
});
次のように修正できます。
$('#mainDiv').droppable({
drop: function (event, ui) {
if(ui.draggable.hasClass('foo')){
//$(ui.helper).remove();
var draggedItem = ui.draggable.draggable();
$(this).append(draggedItem);
draggedItem.draggable();
}
else {
var item = $('<div class="foo">').append(ui.draggable.text());
item.draggable();
$(this).append(item);
}
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加