jquery - 可调整大小的 div Css/JQuery

Question

您好，如何创建可调整大小的 div？

<div id="main">

</div>

---

#main {
    width: 100 px;
    box-shadow: #254C58 1px 0px;
    border: #3C7D91 5 px double;
    padding: 10 px 10 px 10 px 10 px;
    overflow - y: scroll;
    max-height: 433 px;
}

---

$(document).ready(function() {
    $('#main').resizable();

});

这是我的问题的 jsfiddle:

这是一个示例，但它不起作用:https://jsfiddle.net/tetut91e/2/

有人可以帮助我吗？

Answer 1

你需要添加jquery-ui.js

<div id="main"></div>

$(document).ready(function() {
 $( "#main" ).resizable();
});

我更新了你的 jsfiddle 代码 link