jQuery UI 按钮 showLabel 选项

简介

showLabel 选项是 jQuery UI 按钮插件中的一个属性，用于控制按钮上是否显示文本标签。当设置为 false 时，按钮上将只显示图标。

语法

$(selector).button({
  showLabel: boolean
});

参数

• boolean: 可选项，设置为 false 时，按钮上只显示图标，设置为 true 时，按钮上同时显示文本标签和图标。默认为 true。

示例

// 显示仅带图标的按钮
$( "#button" ).button({
  showLabel: false,
  icons: {
    primary: "ui-icon-gear"
  }
});

// 显示带文本标签的按钮
$( "#button" ).button({
  showLabel: true,
  icons: {
    primary: "ui-icon-gear"
  }
});

注意事项

showLabel 选项只在按钮上同时存在图标和文本标签的情况下才有效。如果按钮只有文本或只有图标，则设置 showLabel 选项不会产生任何效果。