jQuery UI的resizable grid选项

  • Post category:jquery

以下是关于 jQuery UI Resizable grid 选项的详细攻略:

jQuery UI Resizable grid 选项

jQuery UI Resizable grid 选项用于设置 resizable 功能的网格大小。该选项可以通过 resizable() 方法调用。

语法

$(selector" ).resizable({
  grid: [ x, y ]
});

参数

  • x:水平方向的网格大小。
  • y:垂直方向的网格大小。

示例一:设置网格大小为 50 像素

$( "#myDiv" ).resizable({
  grid: [ 50, 50 ]
});

这将使 id 为 myDiv 的元素具有 resizable 功能,并设置网格大小为 50 像素。

示例二:设置网格大小为 20 像素

$( "#myDiv" ).resizable({
  grid: [ 20, 20 ]
});

这将使 id 为 myDiv 的元素具有 resizable 功能,并设置网格大小为 20 像素。

总结:

jQuery UI Resizable grid 选项用于设置 resizable 功能的网格大小。该选项可以通过 jQuery resizable() 方法调用。使用该选项可以方便地控制 resizable 功能的网格大小。

以上是关于 jQuery UI Resizable grid 选项的详细攻略,包括语法和两个示例。