当元素被放置/删除(通过从一个DIV拖动到另一个DIV),然后删除被删除的DIV中的元素时,其中一些元素正在改变位置。Jquery draggables:删除元素会更改其他被删除元素的位置
这是一个测试场景:http://jsfiddle.net/TcYHW/8/
和主代码:
<div id="dropwin"></div>
<div id="dragables">
<div id="d1" class="d"></div>
<div id="d2" class="d"></div>
<div id="d3" class="d"></div>
<div id="d4" class="d"></div>
</div>
$(".d").draggable({
containment: '#dropwin',
stack: '#dragables div',
cursor: 'move',
});
我怎样才能避免这种情况?
我发现,元素被放置在相对位置的起始位置。即使有些被移除,我怎样才能让他们坚持下降的位置?
我发现了两个类似的附近的问题,但没有一个令人满意的答案:
Remove in Jquery divs with draggables and resizables
jQuery draggable removing without changing position of other elements
谢谢你,你的解决方案看起来像我需要什么,但前提是“dropwin”是(静态)在左上角。如果你尝试这个http://jsfiddle.net/BillyG/5S92K/2/,其中DIV居中并水平改变浏览器窗口大小,那么被拖放的拖动不会保持固定,它们会移动。相对于dropwin-box,定位必须是绝对的。一个提示,如何解决这个问题? – 2012-03-10 03:15:13
'#dropwin'和'#dragables'需要有'position:relative'来进行绝对定位才能做正确的事情。 http://jsfiddle.net/5S92K/3/ – 2012-03-10 05:51:38
谢谢,它解决了迄今为止最好的方法。我更喜欢你的解决方案,因为它不需要额外的标签作为Kaushtuvs的解决方案。 – 2012-03-10 17:50:37