将可拖动的容器设置为坐标[x1，y1，x2，y2]
将可拖动的容器设置为坐标[x1，y1，x2，y2]
提问于 2017-05-04 13:17:23
白色div是父容器，红色div是子容器，也是可拖div。
现在，我不希望红色div边在拖动时进入父div，所以我尝试将拖放容器设置为x和y坐标。
parDivLeft = $('div#parent').offset().left;
parDivTop = $('div#parent').offset().top;
parDivWid = $('div#parent').width();
parDivHei = $('div#parent'). height();
dragDivW = $('div#drag').width();
dragDivH = $('div#drag').height();
coorX = dragDivW - parDivWid;
coorY = dragDivH - parDivHei;
x1 = parDivLeft - coorX;
x2 = parDivLeft + parDivWid + coorX;
x1 = parDivTop - coorY;
x2 = parDivTop + parDivHei + coorY;
$('div#drag').draggable({containment:[x1,y1,x2,y2]);但没有实现我想要的。红色的div边仍然进入我不想要的白色div。有人能帮帮我吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-05 08:18:50
您可以创建一个div元素，并将它作为包含元素附加到主体中。
//Using values from your code
newDivH = x2 - x1;
newDivW = y2 - y1;
$newDiv = $('<div>').css({
position:'absolute',
left:y1+'px',
top:x1+'px',
width: newDivW+'px',
height: newDivH+'px',
zIndex:-5
})
$('body').append($newDiv);
$('div#drag').draggable({containment:$newDiv);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43783996
复制相关文章
相似问题
腾讯云开发者
