jQuery 令人不快的 Draggable, Resizable 交互
Posted
技术标签:
【中文标题】jQuery 令人不快的 Draggable, Resizable 交互【英文标题】：jQuery unpleasant Draggable, Resizable interaction 【发布时间】：2011-07-16 14:39:21 【问题描述】：当我调整第一个 div 的大小时，它会导致下一个 div “向上”跳列。
重新创建：顶部 div 拖动调整大小手柄。
jQuery
$(function()
$('.portlet').draggable( grid: [25, 25] ).resizable( grid: [25, 25] );
);
布局
<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>
CSS
.portlet
min-width: 100px;
min-height: 100px;
width: 100px;
height: 100px;
background-color: #C0C0C0;
【问题讨论】：
我做了一个小提琴here，但无法找出问题所在。我只能说，这不是由 .portlet css 引起的。 【参考方案1】：给#Div1 一个top:100px 的绝对定位，并且在调整#P2 的大小时它应该保持不变。在 #Div1 的初始调整大小时，它的内联定位会发生变化，并且浏览器会按照您的描述向上提升 #Div1。
【讨论】：
以上是关于jQuery 令人不快的 Draggable, Resizable 交互的主要内容，如果未能解决你的问题，请参考以下文章