jQuery UI 可选创建事件

jQuery UI 提供了丰富的可选创建事件，使我们可以在大多数 UI 组件上添加自定义功能或修饰。以下是一些常用的可选创建事件。

1. create

create 事件在组件被创建后触发，可以用来添加一些初始化的行为或修饰。

$( ".selector" ).<component>({
  create: function( event, ui ) {
    // your code here
  }
});

2. change

change 事件在当前值改变时触发，可以用来响应用户的交互或修改相关状态。

$( ".selector" ).<component>({
  change: function( event, ui ) {
    // your code here
  }
});

3. select

select 事件在用户选择某个选项时触发，比如在菜单或下拉列表中选择一项。

$( ".selector" ).<component>({
  select: function( event, ui ) {
    // your code here
  }
});

4. start/stop

对于可拖拽的组件，start 和 stop 事件在开始和结束拖拽时触发，可以用来修改样式或执行一些动画操作。

$( ".selector" ).<component>({
  start: function( event, ui ) {
    // your code here
  },
  stop: function( event, ui ) {
    // your code here
  }
});

5. focus/blur

对于表单组件，focus 和 blur 事件在获得和失去焦点时触发，可以用来修改颜色或显示一些提示信息。

$( ".selector" ).<component>({
  focus: function( event, ui ) {
    // your code here
  },
  blur: function( event, ui ) {
    // your code here
  }
});

总结

以上仅是一些常用的可选创建事件，实际上还有很多其他的事件可以使用，以实现更复杂的 UI 功能。希望对您有所帮助！