Question

我在尝试在拖动开始时出现的滑动面板中放置元素时遇到了一些问题。而第一滴不起作用。您必须将项目放下两次。这不应该发生。

此外，我想让面板保持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();
    }
});
});

Working Example Here

Answer 1

关于向上和向下滑动，请尝试使用.clearQueue（）在你的例子中，你的.last div上没有.thumb，当你用克隆替换它时，它不再有最后一个类，你必须将它添加到克隆中。请参阅此示例：http://www.jsfiddle.net/dh8A8/5/

通过滑动div阻止丢弃事件？

1 个答案: