jquery可以调整绝对位置

Question

我有以下问题： 我需要让我的div重新调整大小，但它需要位于页面的右下角。 当我使用jquery resizable函数和position：absolute时，div会跳转...

Sample

代码：

$('#resizable').resizable({
  handles: {
    'nw': '#nwgrip',
    'n': '#ngrip',
    'w': '#wgrip'
  }
});

  <div id='resizable'>
    <div id='content'>
      Im Resizable!
    </div>
    <!-- Define corners -->
    <div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div>
    <div class="ui-resizable-handle ui-resizable-n" id="ngrip"></div>
    <div class="ui-resizable-handle ui-resizable-w" id="wgrip"></div>
  </div>

Answer 1

问题是可调整大小使用top left with和height来设置元素的位置。

现在，您的right和bottom位于开头，因此当可调整大小更新位置时，right将被删除，left将被设置。 （为0，因为它不存在）。

因此，您必须在页面加载时计算left位置，或者调整大小start