8

我正在使用 jQuery-UI 的可调整大小的边缘来增加表格的高度。我想知道如何创建一个可以拖动的更厚的底部边框？增加桌子周围的边框并没有什么不同。

4

3 回答 3

19

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

Jquery UI 样式表上的CSS类

/* 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;
}

在这个小提琴示例中，您可以看到它的实际效果！

笔记：

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

于 2012-05-16T15:38:42.187 回答
12

通过调用$(...).resize()，您可以将任何子元素设置为句柄。 看看这个例子：

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

它可以调整#resizeDiv底部边缘的大小，将#handle元素指定为活动拖动区域。

于 2012-05-16T15:34:09.733 回答
1

http://jsfiddle.net/89v9U/1/

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

于 2012-05-16T15:26:56.173 回答