jQuery UI Spinner pageUp() 方法

jQuery UI Spinner 是一个可增减数值的用户界面控件。它提供了多个方法来操作数值。其中之一就是 pageUp() 方法。

介绍

pageUp() 方法是用于增加数值的 jQuery UI Spinner 方法之一。当按下“Page Up”键时，将增加指定数量的值。

语法

$( ".selector" ).spinner( "pageUp", [ pages ] );

参数

• pages
  • 类型：Number
  • 默认值：1
  • 描述：指定增加的页数。

示例

下面的示例演示了如何使用 pageUp() 方法为 Spinner 增加值：

$( function() {
  $( "#spinner" ).spinner({
    min: 0,
    max: 100,
    step: 10
  });
 
  $( "#pageup-btn" ).click( function() {
    $( "#spinner" ).spinner( "pageUp", 2 );
  });
});

在此示例中，我们定义了一个 ID 为“spinner”的 Spinner，并在它的增加值按钮的 click 事件中调用了 pageUp() 方法。在这里，我们指定了页数为 2。

结论

pageUp() 方法是 jQuery UI Spinner 提供的有用方法之一，它可以帮助我们增加数值。使用它，我们可以在用户界面上创建一个方便的、易于使用的增减控件。