Всем добрый день.
Воюю уже второй день не знаю как победить
Пытаюсь заставить
так как мне требуется
работать UI sortable.
А надо вот как, в аттаче внешний вид.
Необходимо что бы
1. Пустые квадратики не могли переноситься куда либо
2. на пустые квадратики не льзя было бы дропнуть элемент
Вроде бы все это есть в библиотеке, но вероятно я не смог понять как это рабоает
вот кодl HTML
<td id="sortTable" class="ui-sortable">
<div class="item-div" style="">
</div>
<div class="item-div" style="">
</div>
<div class="item-div">
</div>
...
</td>
В тех местах где есть картинки в диве лиежит
<div class="item-div" style="">
<a class="viewImage" href="#">
<img border="0" src="/21be37c0ca4d0dc1bc4125b787317b1b.jpg" />
</a>
</div>
Те же дивы в которых нету картинок, они просто пустые, т.е. нету там ниодного дива. вообще нету ничего.
Все эти дивы держит ячейка таблицы (и возможно проблема именно из-за этого.). Все перемещения должны осуществляться только в пределах этой ячейка.
Как делал я:
$("#sortTable").sortable({
dropOnEmpty: 'false', // это не срабатывает :(
cancel: $('.item-div:empty'), // это тоже почему то не срабатывает
})
В чем проблема может кто подскажет ?
Спасибо.