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

Question

我正在尝试移动所有<p>元素，此时工作正常，但在我测试时我看到了一个问题，当我将一个元素拖到另一个元素旁边时有时我无法再次拖动第一个元素，我为你创建了这个例子：

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

 <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> 

只需尝试拖动此图像中的元素：

拖动问题

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

CodePen示例

Answer 1

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

现在， p在div （不能由于相同的原因而移动）。 添加z-index > 0使p超过任何div ：

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