以下是关于 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() 方法的详细攻略,包括语法和两个示例。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQuery UI Spinner pageDown()方法 - Python技术站