我正在忙于一个时间表脚本,需要使用jQuery的可拖拽和可调整大小功能。但是在jsFiddle中可以看到,可拖拽元素有一个父级容器,但每次单击时都可以将其拖动10像素超出父级容器。
编辑:
我需要的是它不能被拖出容器之外。
谁能帮忙?
HTML:
<div class="containment" style="display:block; height:40px; width:150px; background-color:#f2f2f2;">
<div class="baldie" style="display:block; height:40px; width:150px; background-color: rgba(214, 255, 210, .7);"/>
</div>
jQuery:
$('.baldie').resizable({
containment: "parent",
}).draggable({
grid: [5,0],
containment:"parent",
drag: function( event, ui ) {
}
});
baldie
div 被拖出父 div 吗? - Sreekumar P