jquery 可调整大小无法正常工作

Question

我是 javascript/jquery 的新人 ui。我正在使用 jquery-ui-resizable 制作可调整大小的 div。我在这里创建了 fiddle 但无法弄清楚为什么 jquery ui resizable 不起作用。

    <div class="container">
  <div class="left-container">
  </div>
  <div class="right-container">
    <div class="child first">
    </div>
    <div class="child second">
    </div>
   </div>
</div>

$(".child").resizable({
   //"handles": "w, e"
})

如有任何帮助，我们将不胜感激。

Fiddle

Answer 1

您必须添加 jquery-ui 主题才能使其正常工作。

试试这行代码：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">

Answer 2

以下link：

首先清除 html 并将其替换为： <div></div>

然后在样式 sheet 中将其替换为：

border: 1px solid black;
padding: 5px;
width: 50px;
height: 150px;
margin: 10px;

最后是脚本代码： $("div").resizable()

快完成了...

jquery 可调整大小无法正常工作

jquery resizable not working properly

jquery-ui

jquery-ui-resizable