博客

jQuery UI Spinner启动事件

  • Post category:jquery

以下是关于 jQuery UI Spinner 启动事件的详细攻略：

jQuery UI Spinner 启动事件

create 事件在 Spinner 控件创建时触发。可以使用该事件来执行一些初始化操作。

语法

$(selector).spinner({
  create: function( event, ui ) {}
});

示例一：使用 create 事件设置 Spinner 控件的初始值

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

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  create: function( event, ui ) {
    $( this ).spinner( "value", 50 );
  }
});
</script>

这将创建一个 Spinner 控件，并将其初始值为 50。

示例二：使用 create 事件设置 Spinner 控件的样式

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

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  create: function( event, ui ) {
    $( this ).addClass( "ui-spinner-custom" );
  }
});
</script>

<style>
.ui-spinner-custom {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 5px;
}
</style>

这将创建一个 Spinner 控件，并将其样式设置为自定义样式。在 create 事件中，使用 addClass() 方法将自定义样式添加到 Spinner 控件中。

总结：

create 事件在 Spinner 控件创建时触发。可以使用该事件来执行一些初始化操作，例如设置初始值或样式。使用该事件可以方便地自定义 Spinner 控件的行为和外观。

以上是关于 jQuery UI Spinner 启动事件的详细攻略，包括语法和两个示例。

Tags: