jQuery перетаскиваемая область

Question

РЕДАКТИРОВАТЬ: проблема с браузером, не решена.

Я работаю над созданием формы внутри модальной, на одной вкладке есть раскрывающийся список с флажками.Если один из флажков установлен, из базы данных добавляются два элемента перетаскивания с готовым кодом.Моя проблема в том, что область перетаскивания не ограничена справа, поэтому div можно перетаскивать без ограничений в сторону.
Я нашел пример той же проблемы , что и у меня на jQuery dragggableguide.

Это информация, которую я нашел в API:

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

Но ни "родитель", ни "документ", ни "окно" не решают ее.

Answer 1

не знаю, почему ваш код не работает, но вот еще один способ, которым вы можете этого добиться.оберните перетаскиваемый элемент

$('.selector')

родительским элементом HTML.чем сделать что-то вроде этого:

<div id="drag-container">
 <div class="selector"></div>
</div>


$(".selector").draggable({
   containment: "#drag-container"
});

Редактировать

@ Предложение Хабиба заставило меня пересмотреть.

ширина вашего перетаскиваемого элемента должна быть установлена ​​наменьшая ширина, чем родитель.посмотрите это скрипка , я думаю, что это была ваша проблема.