Я пытаюсь разместить несколько изменяемых и перетаскиваемых элементов div на одной странице, которые перемещаются (вертикально) внутри своего родительского элемента div.
Вы можете взглянуть на http://bit.ly/bCutBE
Тем не менее, эти div'ы действуют очень странно, когда я хочу изменить их размер, особенно с северной стороны, они как бы очень быстро уходят с экрана, в то время как они не должны быть в состоянии выйти за пределы родительского div.
Я только хочу, чтобы div мог перемещать и изменять размеры по вертикали внутри своего родителя, перетаскивающая часть работает довольно хорошо, но часть изменения размера создает эту проблему.
Я не могу описать это лучше, чем это, но взгляните на себя, и это сразу станет ясно, когда вы попытаетесь изменить размер одного из цветных элементов div: переместите его немного вниз и попытайтесь изменить размер с севера. сторона.
проблема, кажется, вызвана сдерживанием: 'parent', строка изменяемого размера. когда я удаляю эту строку, она работает нормально, но тогда цветные блоки не остаются в родительском элементе, и я хочу, чтобы они оставались внутри родительского элемента.
Я надеюсь, что кто-то может помочь мне с этим ...
код jquery, который я использовал:
$(document).ready(function(){
$(".move")
.draggable({
containment: 'parent',
grid: [50,50],
axis: 'y'
})
.resizable({
containment: 'parent',
grid: [50,50],
handles: 'n, s',
minHeight: 50
});
});