jquery resizable不会拖动面板页脚

Question

当我在面板中应用resizable并尝试调整大小时，面板页脚不会随面板一起提供。

有没有办法解决这个问题？

代码是：

<div class="panel panel-default" id="resizable">
    <div class="panel-body">A Basic Panel</div>
    <div class="panel-footer">Panel Footer</div>
</div>

<script>
    $( "#resizable" ).resizable({
        handles: "s"
    });
</script>  

最好的问候！

JsFiddle

Answer 1

您必须将.panel-footer固定在底部

.dashboard_panel .panel-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

以下是一个工作示例http://jsfiddle.net/amrana83/rjk6q80g/1/