我的问题是如何在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;
}
发布于 2017-02-03 16:28:00
只需在.container-item
中添加float: left
即可。
https://stackoverflow.com/questions/42028640
复制相似问题