Question

我试图移动我的所有<p>元素，目前工作正常，但在我测试的时候，我看到了一个问题，当我将一个元素拖到另一个元素旁边时，我有时会这样做我无法再次拖动第一个元素，我为您创建了这个示例：

＆＃13;

 $(function () {
   $(".draggable").draggable();
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>


<div class="col-md-12">
  <p class="draggable">Drag me to the other div+</p>
</div>
<div class="col-md-12">
  <p class="draggable">Hello!</p>
</div>

＆＃13;

尝试拖动此图片中的元素：

Dragging problem

因为它的jQueryUI代码我不发布它。所以我的问题是，可能是什么问题，我该如何解决？也许我错过了属性或其他东西，但我提前使用jQueryUI，感谢提前。

CodePen Example

Answer 1

<p>的宽度为100％，所以第二个位于旧位置的第一个位置。添加边框或bg以查看它。

现在，p位于div之下（由于同样的原因无法移动）。添加z-index＆gt; 0，使p超过任何div：

解决方案：http://codepen.io/anon/pen/YGLOEm

拖动其他可拖动元素旁边的元素

1 个答案: