jquery – 带有包含的可移动和可调整大小的div从包含中消失

我正忙着一个时间表脚本,因为我需要使用jQuery draggable和resizeable.

但是你可以在te jsFiddle中看到draggable有一个父级,但是你可以将它拖动到父级,每次点击一下10px.

编辑:

我需要的是它不能被拖到容器外面.

谁可以帮忙

http://jsfiddle.net/QBX2B/1/

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 ) {

                        }
                    });

最佳答案 添加位置:相对;到容器解决问题.

我修改了您的代码检查运行,您可以检查它: –

<div class="containment" style="position: relative; 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 UI resizable issue expands beyond containment (draggable also used)

点赞