禁用角调整大小但在 JQuery 中保留水平/垂直调整大小？

Question

因此，我一直在修改 JQuery 的可调整大小属性，但最近我还没有找到适合我想要实现的目标的类型。下面的示例显示您可以垂直和水平调整大小，这是我想要的，但您也可以拖动角框来调整大小，这不是我想要的。有没有办法删除这个框，使其仅通过拖动容器的边缘来调整大小？$( "#resizable" ).resizable();<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script><div id="resizable" class="ui-widget-content">    <h3 class="ui-widget-header">Resizable</h3></div>

Answer 1

在这里查看他们的文档：https ://api.jqueryui.com/ressized/#option-handles

这是你想要实现的目标吗？

$( "#resizable" ).resizable({ handles: "n, e, s, w" });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="resizable" class="ui-widget-content">

    <h3 class="ui-widget-header">Resizable</h3>

</div>