博客

jQuery UI Spinner pageDown()方法

  • Post category:jquery

以下是关于 jQuery UI Spinner pageDown() 方法的详细攻略：

jQuery UI Spinner pageDown() 方法

pageDown() 方法用于将 Spinner 控件的值向下滚动一个页面大小。

语法

$(selector).spinner("pageDown");

示例一：使用 pageDown() 方法向下滚动一个页面大小

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="page-down">向下滚动一个页面大小</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  page: 10
});

$( "#page-down" ).click(function() {
  $( "#spinner" ).spinner( "pageDown" );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。单击按钮将使用 pageDown() 方法将控件的值向下滚动一个页面大小（在本例中为 10）。

示例二：使用 pageDown() 方法向下滚动多个页面大小

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="page-down">向下滚动两个页面大小</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  page: 10
});

$( "#page-down" ).click(function() {
  $( "#spinner" ).spinner( "pageDown", 2 );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。单击按钮将使用 pageDown() 方法将控件的值向下滚动两个页面大小（在本例中为 20）。

总结：

pageDown() 方法用于将 Spinner 控件的值向下滚动一个页面大小。可以使用该方法向下滚动一个或多个页面大小。使用该方法可以方便地控制 Spinner 控件的值。

以上是关于 jQuery UI Spinner pageDown() 方法的详细攻略，包括语法和两个示例。

Tags: