Перетаскивание пользовательского интерфейса jQuery - невозможно перемещаться по области заполнения

Question

Плагин перетаскивания пользовательского интерфейса jQuery - Когда я устанавливаю заполнение 40px для div содержимого (parent) div. Затем перетаскивание элемента начинается с 40px, мне нужно перетаскивать перетаскивание элемента из 0px

<div class="parent" style="200px; height:100px; border:1px solid red; padding:30px;">
  <div  class="item" style="width:20px; height:20px">item</div>
 </div>


$( ".item" ).draggable({containment: "parent" });

jsFiddle

Answer 1

Чтобы избежать этого, вы можете просто добавить еще один div внутри основного, и добавить заполнение к этому новому div, удаляя заполнение из div.parent.

Затем, при установке перетаскиваемогопросто установите ограничение на div.parent вместо parent.

$( ".item" ).draggable({containment: ".parent" });
 

.item{
  cursor: move;
}

<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.1/jquery-ui.js"></script>

<div class="parent" style="200px; height:100px; border:1px solid red;">
  <div class="paddingDiv" style="padding: 30px;">
    <div  class="item" style="width:20px; height:20px">item</div>
  </div>
</div>

Answer 2

<div class="parent" style="200px; height:100px; border:1px solid red;">

пункт