javascript - 如何使用 jQuery UI Accordion 访问点击标题 (h3) 的 ID？

Question

The documentation for the jQuery UI accordion给出了 h3 和 div 组合的多种变体示例，这些变体成为 Accordion 按钮之一的标题和内容。

在我的页面中，我有每个 h3 的 ID，我想在有人单击其中一个 Accordion 按钮时以编程方式访问它们。我看到的最明显的方法是在 h3 上注册一个点击监听器并访问事件目标以提取 HTML ID，也许在 Accordion 调用之后。但我不太清楚该解决方案是否正确。

让事件处理程序告知用于构建用户单击的 Accordion 按钮的 h3 的 HTML ID 的首选方法是什么？

Answer 1

创建 Accordion 时，您可以简单地为激活事件传递一个事件处理程序。此事件在面板被激活后(动画完成后)触发。参见 http://api.jqueryui.com/accordion/

你可以这样做

$( ".selector" ).accordion({
activate: function( event, ui ) {
 if(!ui.newHeader.isEmptyObject()){
  alert(ui.newHeader.attr('id'))
 }
}
});