JQuery Draggable и Сортируемый заполнитель - PullRequest
Новая
       4

JQuery Draggable и Сортируемый заполнитель

0 голосов
/ 20 октября 2010

У меня возникла особая проблема с сочетанием перетаскиваемого и сортируемого.Проблема связана с заполнителем, не показывающим, когда перетаскиваемый объект перемещается над сортируемым, а капля не «распознается».Это происходит, когда сортируемый ul hs NO высота определена в css.

Когда я определяю фиксированную высоту в css для #SortablePhotoList, отображается заполнитель, и все работает как ожидалось.

Важный css: 

#SortablePhotoList { list-style-type: none; margin: 2px; padding: 0px; width: 858px; }
.Thumbnail { cursor: hand; width: 136px; height: 102px; float: left; margin: 0 5px 5px 0; position: relative; border: 1px #717171 solid; }
.ThumbnailPlaceholder { width: 136px; height: 102px; float: left; margin: 0 5px 5px 0; border: 1px #000 dotted; }

Важный javascript: 

  $("#SortablePhotoList").sortable({
        revert: true,
        placeholder: 'ThumbnailPlaceholder',
        tolerance: 'pointer',
        revert: 50,
        distance: 5,
        items: 'li:not(.Upload)',
        stop: function (event, ui) {
            //Do stuff with the sorted thumbnail
        },
        receive: function (event, ui) {
            //Accept the dragged item and change it's appearance a bit
            var item = $('#SortablePhotoList li.NewlyAdded');
            $(".ImageRemove", item).show();
            $(".PhotoSelector", item).show();
            item.removeClass('NewlyAdded');
        }
    });

Конечно, я могу поиграть с программной регулировкой высоты #SortablePhotoList, чтобы создать обходной путь для этой проблемы, но яне стоит заходить так далеко.

Вопрос в том, что может быть проблемой не отображать заполнитель, если для контейнера не указана высота.

Ragards, avsomeren

1 Ответ

1 голос
/ 12 ноября 2010

Измените свой рост в css на 

min-height: 102px;

Тогда это будет значение по умолчанию, а при добавлении элементов оно будет расширено, чтобы соответствовать.

...