Question

$(function () {
$(".draggable").draggable({ 
        snap: ".snap",
        revert: true
    });

    });
$(".snap").droppable({
    drop: function (event, ui) 
    {
        var drag = ui.draggable;
        var drop = $(this);
        $(this).html(drag.html());
        $(this).attr('name', drag.attr('id'));
    }
});

}）;

JSFiddle link

请在上面找到我的jsfiddle链接。我发现了这个以前没有发生的奇怪的错误。当第一次拖动左侧div时，div正在捕捉到位置，然后当我抓住所有右侧div时，我可以根据需要拖放，而不会发生此错误。

Answer 1

注意到你有

$(".draggable").draggable()(

在小提琴中而不是

$(".draggable").draggable(

那是问题1 - 我看不出小提琴里发生了什么。

问题2是因为在删除之后

html正在进入drop div 所以你需要改变你的css。

尝试添加“float：left;”到快照css

.snap{
    width: 146px;
    height: 300px;
    display: inline-block;
    padding: 0px;
    border: 1px solid black;
    float: left;
}

您还需要更新.fixed css以使其显示在底部：

.fixed{
    width: 450px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    border: 1px solid black;
    float:right;
}

JQuery UI可拖动的bug

1 个答案: