javascript - jQuery-UI: resizable - 如何增加可拖动边缘的大小？

Question

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

Answer 1

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

CSS ^{Jquery UI 样式表中的类}

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

在此Fiddle Example你可以看到它的实际效果!

注意:

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