jQuery UI Spinner pageUp() 方法

简介

pageUp() 方法用于执行一次页面滚动的操作，它是 jQuery UI Spinner 控件的一个方法。

jQuery UI Spinner 控件是一个可自定义的数字输入框，它允许用户通过鼠标滚轮、上下方向键或拖动滑块等方式输入数字。

pageUp() 方法会将 Spinner 控件的值增加一个页面的大小（即 Spinner 控件的 page 属性值），并触发 spin 事件和 change 事件。

语法

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

参数

该方法没有参数。

示例

以下示例展示如何使用 pageUp() 方法。

HTML 代码：

<label for="spinner">选择数量：</label>
<input id="spinner" name="spinner" value="0">

JavaScript 代码：

$( function() {
    $( "#spinner" ).spinner({
        min: 0,
        max: 10,
        step: 1,
        page: 2,
        spin: function( event, ui ) {
            console.log( ui.value );
        },
        change: function( event, ui ) {
            console.log( ui.value );
        }
    });

    $( "#page-up-button" ).on( "click", function() {
        $( "#spinner" ).spinner( "pageUp" );
    });
} );

代码说明：

1. Spinner 控件初始化时设置了最小值为 0，最大值为 10，步长为 1，一个页面的大小为 2，以及 spin 和 change 事件的回调函数。
2. 页面中还有一个按钮，用于点击时调用 pageUp() 方法。
3. 当用户点击该按钮时，Spinner 控件的值会增加一个页面的大小，同时触发 spin 和 change 事件，并在控制台输出当前的 Spinner 值。

参考链接

• jQuery UI Spinner pageUp() Method