다른 드래그 가능 요소 옆에있는 요소 드래그

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>

그냥이 이미지 같은 요소를 드래그 해보십시오

Dragging problem

jQueryUI 코드이므로 게시하지 않습니다. 그래서 내 질문은 무엇이 문제가 될 수 있으며 어떻게 해결할 수 있습니까? 어쩌면 속성 또는 뭔가가 누락되었지만 jQueryUI를 사용하여 새로운 것입니다. 미리 감사드립니다. 두번째 이전의 첫번째 위에 있도록

Answer 1

<p>

CodePen Example '는 S가 100 %의 폭이 ​​위치했다. 그것을 보시려면 테두리 또는 bg를 추가하십시오.

이제 p은 div입니다 (동일한 이유로 움직일 수 없음).

해결 방법 : 다음 pdiv 어떤 이상 할 z-index> 0을 추가 [http://imgur.com/a/he7XC]에 대해 내가 볼 http://codepen.io/anon/pen/YGLOEm