Question

我一直在使用Jquery-ui draggable来拖动几个div来为他们获得新的位置，但我有一个问题。

当我初始化侧面时，我给div一个绝对位置，并设置它的左侧和顶部位置，使div站立正确，我将它们包装在一个名为“Device Preview”的div容器中，然后将其用作遏制工作正常，对于第一个div，第二个div，放在第一个div下，不会从其初始位置上升。我迷路了。

所以我创建了这个JSfiddle，以显示我的代码是如何破解的，

HTML

<div class="col-md-6" id="DevicePreview" style="min-height:200px;" cg-busy="loader">
                        <div style="position:relative;" class="draggableObj">
                            <div style="position:absolute;">
                                <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3>
                                <input class="form-control" disabled="disabled"/>
                            </div>
                        </div>
                         <div style="position:relative" class="draggableObj">
                            <div style="position:absolute; top:80px">
                                <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3>
                                <input class="form-control" disabled="disabled"/>
                            </div>
                        </div>
                    </div>

JS

$( ".draggableObj" ).draggable({
  containment: "#DevicePreview"
});

正如我所说，我的问题是我无法在底部获得div，然后在顶部切换位置。

谢谢你的时间。

Answer 1

所以我发现我的问题是我试图在一个类上附加draggable，然后选择了多个元素。

结果是我只能抓住附加到可拖动区域的最后一个元素，除了最后一个，每个人都创建了自己的收容。

解决方案是在一个唯一的Id基本元素上创建它，而不是由som jquery创建，然后它可以工作。

Jquery-ui Draggable不会将顶部位置更改为初始位置的负数

1 个答案: