Я хочу иметь функцию, при которой каждый раз, когда я перетаскиваю изображение из сортируемого на пустое место, создается новое сортируемое. Если я храню два изображения в сортируемом, я могу перетаскивать их, и новые сортируемые объекты действительно создаются (серые прямоугольники). Теперь я хотел бы иметь возможность перетаскивать изображение из вновь созданного серого поля, чтобы снова было создано новое серое поле, если я упаду на пустое место. Это не работает. Как я могу распространить свою функцию для uls на динамически создаваемые uls? обновление не работает или где моя ошибка?
вот мой jsfiddle: http://jsfiddle.net/Gy74c/6/
$( "ul" ).sortable({opacity:0.4, connectWith: 'ul',tolerance:'pointer',cursor:'move', dropOnfull: true, stop :function (event,ui){
var positionLeft=ui.position.left;
var positionTop=ui.position.top;
var overSortable=elementBeingHoveredOver(event.pageX, event.pageY);
if (!overSortable){
var x=$ ("<ul id='sortable10' class='drop'></ul>");
$(x).css('position','absolute');
$(x).css('left',positionLeft);
$(x).css('top',positionTop);
$(x).css('height','70px');
ui.item.appendTo(x);
$(x).sortable({connectWith: 'ul'})
x.appendTo('#images');
$('#images').append(x);
$( "ul" ).sortable({ connectWith: 'ul'});
$("ul").sortable('refresh');
}
currentID=$(this).attr('id');
var liNumber=document.getElementById(currentID).getElementsByTagName("li").length;
if (liNumber==0 &&!currentID=="sortable1"){document.getElementById(currentID).style.visibility= "hidden"}
}//stop-function
});//sortable-block