几次拖放后，JQuery UI droppable可拖动HTML被损坏

经过多次拖放，两个区域（可拖动 - 左侧，可拖拽 - 右侧）发生了变化。两个区域的某些部分的HTML更改（有时只有左侧或仅右侧区域更改）。突然之间，一些元素和背景之间没有空白，背景变成了蓝色。几次拖放后，JQuery UI droppable可拖动HTML被损坏

是否有可能以某种方式刷新/拖放区域？

例子是here

代码拖动 - 可弃：

$(function(){ 

    $(".draggable").draggable({ 
    revert: "invalid", 
    stack: ".draggable", 
    helper: 'clone' 

    }); 

    $('.droppable').droppable({ 
    accept: ".draggable", 
    drop: function(event, ui) { 
    var droppable = $(this); 
    var draggable = ui.draggable; 
    // Move draggable into droppable 
    draggable.clone().appendTo(droppable); 
    draggable.css({float:'left'}); 
    } 
}); 


})

来源

2017-04-13 FrenkyB

如果添加.draggable {float：left; }到你的CSS它的作品。没有保证金的div和两个div一样大，以前的div有属性float：left。发生这种情况是因为下面的div没有“clear：left”属性。所以你可以给所有的元素留下左边的浮动元素，完全删除浮动元素，或者在浮动元素之后给出一个明确的属性。 – Kathara

@Kathara - 它的作品，谢谢。你可以请你的评论发表回答。（我已经添加了浮动：只是你已经建议） – FrenkyB

的问题是浮动的是一些div接受和别人不。要么你以下内容添加到你的CSS：

.draggable { 
    float: left; 
}

你完全删除您浮动或您添加明确：左属性对所有其他的div。

如果添加CSS部分，你可以离开了该行：

draggable.css({float:'left'});

在你的js文件。

来源

2017-04-13 11:59:02 Kathara

几次拖放后，JQuery UI droppable可拖动HTML被损坏

回答

相关问题