Javascript 拖动以调整Div的大小 我的实时页面：

我使用的JQuery：

• jquery-1.11.0.min.js
• jquery-migrate-1.2.1.min.js
• jquery-ui-1.10.3.custom.min.js

问题是： 我想让我的快速侧边栏，你看到的右侧有三个标签的侧边栏，有一个可拖动的宽度。我尝试了几次，但都没有成功

代码尝试：

$('.Quick-Sidebar').resizable({
    handles: 'w'
});

虽然我见过这样的工作，但在我的站点上实现它似乎不起作用，更新到更新的JQuery似乎不适用于我的所有编码

问题: 如何在拖动、动态流体拖动时调整侧菜单的大小？如果使用JQuery，我希望使用最小的JQuery css来实现这一点

您的可调整大小需要在包装中

在我的例子中，

.Quick侧边栏包装器

包装需要与起始侧边栏宽度相同的宽度（322px）

您还没有包括jquery ui css，因此为

.ui resizeable句柄ui-resizeable-w

添加一些自定义样式。这是将用于调整侧边栏大小的helper div

.ui-resizable-w{
  height:100%;
  width:5px;
  background:limegreen;
  cursor: w-resize;
}

使用以下命令运行插件：

$('.Quick-Sidebar').resizable({
  handles: 'w'
});

---

您尚未调用

$（'.Quick Sidebar'）.resizable（）脚本中的任何地方，那么您怎么能期望它工作呢？@ameenulla0007我在更新服务器之前删除了这个。我刚刚在第491-493行用这段代码重新更新了我的服务器。有人留言说更新到jquery ui 1.11.4，所以我就这么做了。现在，当你单击最小化按钮时，我左边的另一个侧栏断开了，所以我恢复到1.10.3。非常感谢。一个精彩的答案和一个现场演示！再次感谢：）
$('.Quick-Sidebar').resizable({
  handles: 'w'
});