Javascript jQueryUI：可调整大小-如何增加可拖动边缘的大小？

我使用jQueryUI的可调整大小的边来增加表的高度。我想知道如何创建一个更厚的底部边界，可以拖动？增加桌子周围的边框没有什么区别。

您将需要一个新的图像来调整大小处理程序，但这里有一些您可以使用的东西，它只是CSS

通过调用

$（…）.resize（）

，您可以将任何子元素设置为句柄。 :

---

它可以为底部边缘的

#resizeDiv

调整大小，将

#handle

元素指定为活动拖动区域。

您可以通过更改一点CSS来实现：

CSSJquery UI样式表上的类

在这方面，你可以看到它的行动

注意：

您实际上不需要更改jQueryUI样式表上的任何内容，只需在包含jQueryUI样式表之后声明新闻css值即可

可能重复的

$( "#resizeDiv" ).resizable({handles: {'s': '#handle'}});

/* handle on the bottom */
.ui-resizable-s {
    height: 15px;
}

/* handle on the right */
.ui-resizable-e {
    width: 15px;
}
/* handle icon (corner) */
.ui-resizable-se {
    width: 15px;
    height: 15px;
}