jQuery UI滑块方向选项

  • Post category:jquery

以下是关于 jQuery UI 滑块方向选项的详细攻略:

jQuery UI 滑块方向选项

orientation 选项用于设置滑块的方向。当滑块被初始化时,可以通过设置 orientation 选项指定滑块的方向。

语法

$( ".selector" ).slider({
  orientation: value
});

其中,value 可以是 "horizontal""vertical",分别表示水平方向和垂直方向。

示例一:设置滑块的方向水平方向

<div id="slider"></div>

<script>
$( "#slider" ).slider({
  orientation: "horizontal"
});
</script>

这将初始化一个水平方向的滑块。

示例二:设置滑块的方向为垂直方向

<div id="slider"></div>

<script>
$( "#slider" ).slider({
  orientation: "vertical"
});
</script>

这将初始化一个垂直方向的滑块。

总结:

orientation 选项用于设置滑块的方向。当滑块初始化时,可以通过设置 orientation 选项来指定滑块的方向。使用该选项可以方便地设置滑块的方向。

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