jquery resizable 不拖动 panel-footer

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/

jquery resizable 不拖动 panel-footer

jquery resizable do not drag panel-footer

jquery

resize

jquery-ui