Question

我的问题是如何在jquery中解决这个奇怪的故障。

当我移动其中一个盒子时，它会使所有其他盒子向下射击，我不知道为什么会发生这种情况。有谁知道什么导致了这个问题？

此fiddle包含我的所有代码

js：

$(document).ready(function(){
        $(function(){
            $('#container').sortable({
                connectWith: "#container",
            cursor: "move"
        }).disableSelection();
    });
});

HTML

<div id="container">
  <div class="container-item">Item 1</div>
  <div class="container-item">Item 2</div>
  <div class="container-item">Item 3</div>
</div>

CSS

lists {
    height: 200px;
    width: 300px;
    border: 1px solid #000000;
}

#container {
    background: lightgrey;
    width:500px;
    height: 50px;
}
.container-item {
  display: inline-block;
  width: 150px;
  height: 500px;
  background: lightblue;
  margin-right: 10px;
  margin-top: 0;
  position: relative;
  max-top: 50px;
}

Answer 1

只需将float: left添加到.container-item。

Fiddle example

停止这个奇怪的jQuery Glitch

1 个答案: