我希望能够上下拖动分隔线以在固定页面高度上调整分隔线上方和下方的div.这些div可以放在一张桌子里,尽管它们不是必须的.
简而言之,我希望能够模仿jsFiddle网站上发生的事情,尽管我只需要垂直调整大小. jsFiddle使用过mooTools,但我想用jQuery做.
一个重要的复杂因素:我不知道divider上方div的大小,直到它实际上是动态构建的,所以我不能只从一个设置的绝对定位开始.
前进的最佳方式是什么?我有一种感觉,如果我不问,我只会重新发明轮子:)
[顺便说一句:有几个类似名称的问题与不起作用的jsFiddle示例有关(例如,this).
到目前为止我用过这个:
$('.rsh').draggable({ axis:'y',drag: function (event,ui) { var offsettop = ui.offset.top; $(this).prev().css({ height: offsettop }); });
不用说,它还没有正常工作.