如何捕获特定jQueryUI选项卡的激活？

<div id="tabs">
  <ul>
    <li><a href="#tab1">选项卡1</a></li>
    <li><a href="#tab2">选项卡2</a></li>
    <li><a href="#tab3">选项卡3</a></li>
  </ul>
  <div id="tab1">
    <!-- 选项卡1的内容 -->
  </div>
  <div id="tab2">
    <!-- 选项卡2的内容 -->
  </div>
  <div id="tab3">
    <!-- 选项卡3的内容 -->
  </div>
</div>

$(function() {
  $("#tabs").tabs({
    activate: function(event, ui) {
      // 获取激活的选项卡的索引
      var activeTabIndex = $("#tabs").tabs("option", "active");
      
      // 获取激活的选项卡的ID
      var activeTabId = ui.newPanel.attr("id");
      
      // 获取激活的选项卡的标题
      var activeTabTitle = ui.newTab.text();
      
      // 在控制台输出激活的选项卡的信息
      console.log("激活的选项卡索引：" + activeTabIndex);
      console.log("激活的选项卡ID：" + activeTabId);
      console.log("激活的选项卡标题：" + activeTabTitle);
      
      // 在这里可以根据需要执行特定的操作
      // ...
    }
  });
});