並べ替え可能なリスト ボックスが 3 つあり、1 つはグレー、2 つは黄色です。子の並べ替え可能な li を下の黄色いリストにドラッグして複製することは問題ありません。
問題は、グレーのリスト ボックスの子クローン li が黄色のリスト ボックスに配置されると、それらを含む黄色のリスト ボックス内または隣接する黄色のリスト ボックスにドラッグ/シフトできなくなることです。他の場所にドラッグしようとすると、継続的に複製されます。
グレーのリスト ボックスから黄色のボックスにソート可能オブジェクトをドラッグして複製し、複製された子 li を複製せずに黄色のリスト ボックス内でドラッグして移動できるようにしたいと考えています。
子 li のクローンを作成できないようにするにはどうすればよいですか。どんな助けでも大歓迎です。ありがとう。
http://jsfiddle.net/equiroga/96hJj/
$(function() {
$(".sortable").sortable(
{
helper : "clone",
connectWith : ".sortable",
start : function(event,ui)
{
$(ui.item).show();
clone = $(ui.item).clone();
before = $(ui.item).prev();
position = $(ui.item).index();
},
beforeStop : function(event, ui)
{
if($(ui.item).closest('ul#sortable1').length>0)
$(this).sortable('cancel');
},
stop : function(event, ui)
{
if (position == 0) $("#sortable1").prepend(clone);
else before.after(clone);
}
});
$(".sortable").sortable();
});