Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jQuery可拖动、可调整大小的交互_Jquery Ui_Draggable_Resizable - Fatal编程技术网

Jquery ui jQuery可拖动、可调整大小的交互

Jquery ui jQuery可拖动、可调整大小的交互,jquery-ui,draggable,resizable,Jquery Ui,Draggable,Resizable,当我调整第一个div的大小时,它会导致下一个div在列中“向上”跳转 要重新创建,请拖动“顶部div”调整大小手柄 jQuery $function{ $'.portlet'.可拖动的{grid:[25,25]}.可调整大小的{grid:[25,25]}; }; 布局 CSS .portlet { 最小宽度:100px; 最小高度:100px; 宽度:100px; 高度:100px; 背景色:C0; } 给Div1一个top:100px的绝对位置,在调整P2的大小时它应该保持不变。在最初调

当我调整第一个div的大小时,它会导致下一个div在列中“向上”跳转

要重新创建,请拖动“顶部div”调整大小手柄

jQuery $function{ $'.portlet'.可拖动的{grid:[25,25]}.可调整大小的{grid:[25,25]}; };

布局

CSS

.portlet { 最小宽度:100px; 最小高度:100px; 宽度:100px; 高度:100px; 背景色:C0; }

给Div1一个top:100px的绝对位置,在调整P2的大小时它应该保持不变。在最初调整Div1的大小时,它的内联位置会发生变化,浏览器会像您所描述的那样向上移动Div1。

给Div1一个绝对位置top:100px,并且在调整P2的大小时它应该保持不变。在最初调整Div1的大小时,它的内联位置会发生变化,浏览器会像您所描述的那样向上移动Div1。

我做了一个小动作,但无法解决问题。我唯一能说的是,这不是由.portlet css引起的。我做了一个小动作,但无法找出问题所在。我唯一能说的是,这不是由.portlet css引起的。
<div class="portlet" id="P2">
    <div class="portlet-header"><h3>News</h3></div>
    <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
<div class="portlet" id="Div1">
    <div class="portlet-header"><h3>Feeds</h3></div>
    <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>