Событие сброса заблокировано скольжением div? - PullRequest
Новая
       5

Событие сброса заблокировано скольжением div?

1 голос
/ 30 декабря 2010

У меня возникают некоторые проблемы при попытке перетащить элемент на скользящую панель, которая появляется, когда начинается перетаскивание. И первая капля не работает. Вы должны бросить предмет дважды. Этого не должно быть.

Также я хотел, чтобы панель оставалась видимой в течение 3 секунд, чтобы дать пользователю возможность перетаскивать другое изображение, но вместо этого держать его скользящим вверх и вниз. Этого можно избежать? Или сделать сброс задержки на другую каплю? Я имею в виду, если другой элемент отброшен, начните снова задержку.

А $('.last.thumb').replaceWith($(ui.draggable).clone()); работает не очень хорошо. Это должно отобразить последнее добавленное изображение. 

$(function() {
var thumb = $(".thumb");
var container = $("#favorites");
thumb.draggable({
    opacity: 0.75,
    helper: "clone",
    start: function() {
        container.slideDown();
    },
    stop: function(){
        container.delay(3000).slideUp();
    }
});

container.droppable({
    tolerance: 'fit',    
    drop: function(event, ui) {
        $('.last.thumb').replaceWith($(ui.draggable).clone().addClass('last'));
        alert(ui.draggable.attr('id').substring(6));
        container.delay(3000).slideUp();
    }
});
});

Рабочий пример здесь

1 Ответ

1 голос
/ 30 декабря 2010

Что касается скольжения вверх и вниз, попробуйте использовать .clearQueue (). В вашем примере у вас .last div нет .umb большого пальца, а когда вы заменяете его клоном, у него больше нет последнего класса,Вы должны добавить его к клону.Смотрите этот пример: http://www.jsfiddle.net/dh8A8/5/

...