jQuery UI Selectable classes选项

以下是关于 jQuery UI Selectable classes 选项的详细攻略：

jQuery UI Selectable classes 选项

jQuery UI Selectable classes 选项用于指定选择框的 CSS 类。该选项可以通过 selectable() 方法调用。

语法

$( ".selector" ).selectable({
  classes: {
    "ui-selectable": "my-selectable",
    "ui-selected": "my-selected",
    "ui-selecting": "my-selecting",
    "ui-unselecting": "my-unselecting"
  }
});

参数

• ui-selectable：选择框的 CSS 类。
• ui-selected：选中元素的 CSS 类。
• ui-selecting：正在选中的元素 CSS 类。
• ui-unselecting：正在取消选中的元素的 CSS 类。

示例一：自定义选择框的 CSS 类

$( "#myList" ).selectable({
  classes: {
    "ui-selectable": "my-selectable",
    "ui-selected": "my-selected",
    "ui-selecting": "my-selecting",
    "ui-unselecting": "my-unselecting"
  }
});

这将使 id 为 myList 的列表中的选择框、选中元素、正在选中的元素正在取消选中的元素的 CSS 类都被自定义为 my-selectable、my-selected、my-selecting 和 my-unselecting。

示例二：自定义选中元素的 CSS 类

$( "#myList" ).selectable({
  classes: {
    "ui-selected": "my-selected"
  }
});

这将使 id 为 myList 的列表中的选中元素的 CSS 类被自定义为 my-selected。

总结：

jQuery UI Selectable classes 选项用于指定选择框和选中元素的 CSS 类。该选项可以通过 jQuery selectable() 方法调用。使用该选项可以自定义选择框和选中元素的样式。

以上是关于 jQuery UI Selectable classes 选项的详细攻略，包括语法和两个示例。