Question

我是javascript / jquery的新手。我正在使用jquery-ui-resizable制作可调整大小的div。在这里，我创造了小提琴，但无法弄清楚为什么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

在以下链接：

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

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

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

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

几乎完成了......

Answer 2

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

尝试以下代码：

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

jquery resizable无法正常工作

2 个答案: