jQWidgets jqxTabs showAllCloseButtons() 方法

简介：

jQWidgets 是一个基于 jQuery 的 UI 组件库，其中的 jqxTabs 组件是一个选项卡控件。showAllCloseButtons() 方法可以在 jqxTabs 组件中显示所有选项卡的关闭按钮。

语法：

$('#jqxTabs').jqxTabs('showAllCloseButtons');

返回值：

showAllCloseButtons() 方法没有返回值。

用法示例：

HTML 代码：

<div id="jqxTabs">
  <ul>
    <li>选项卡1</li>
    <li>选项卡2</li>
    <li>选项卡3</li>
  </ul>
  <div>
    内容1
  </div>
  <div>
    内容2
  </div>
  <div>
    内容3
  </div>
</div>

JavaScript 代码：

$('#jqxTabs').jqxTabs();

$('#showAllCloseButtonsBtn').on('click', function() {
  $('#jqxTabs').jqxTabs('showAllCloseButtons');
});

效果：

在 jqxTabs 组件中，所有选项卡的关闭按钮都会显示出来。

注意事项：

• showAllCloseButtons() 方法只适用于 jqxTabs 组件；
• 如果某个选项卡的关闭按钮已经显示了，则该方法不会对其产生影响；
• 可以通过 hide() 方法隐藏选项卡的关闭按钮。
• 本方法需要 jQWidgets 版本在 2.5.0 或以上。