ドラッグ可能なパネル (上) と並べ替え可能なパネル (下) を組み合わせようとしています。
ドラッグは正常に機能しますが、並べ替えは失敗します。
これが私のJSフィドルです: http://jsfiddle.net/dmUKY/9/
ドラッグ アンド ドロップ機能と並べ替え機能の両方が機能を共有しdroppable:drop
ます。要素を並べ替えるとき、関数は選択されたオブジェクトを置き換える必要があります。
drop: function (event, ui) {
//alert($(this).parent().html());
//alert($(ui.helper).attr('class'));
var obj;
if ($(ui.helper).hasClass('draggable')) {
//alert('draggable');
obj = $(ui.helper).clone();
obj.removeClass('draggable').addClass('editable')
//obj.addClass('droppable');
$(this).parent().append(obj);
}
//alert($(this).parent().html());
}
これら 2 つの機能をどのように組み合わせる必要がありますか?