Question

我有一个简单的手风琴，每个标头都有自己的id，div有自己的id。

如何创建一个获取当前所选标题ID或div id的对象？

<div id="mainDiv">
    <h6 id="myAttributes">Attributes</h6>
    <div id="divAttributes">
    </div>

    <h6 id="myConstants">Constants</h6>
    <div id="divConstants">
    </div>
</div>
</div>

我被困在：

jQuery(function () {
    $("#mainDiv").accordion({
        activate: function () {

        }
    });
});

谢谢。

Answer 1

在激活时，获取具有类.ui-accordion-header-active的元素，该类由accordion自动添加。

jQuery(function () {
    $("#mainDiv").accordion({
        activate: function () {
                  alert($('.ui-accordion-header-active').attr('id'));
        }
    });
});

演示：http://jsfiddle.net/3jHwC/1/

使用相同的选择器，您实际上可以从手风琴的触发事件外获取活动标头：$('#mainDiv .ui-accordion-header-active')

Answer 2

activate选项函数获取两个参数event和ui：http://api.jqueryui.com/accordion/#event-activate

然后，您可以从ui获取所有数据：

activate: function (event, ui) {
    console.log(ui.newPanel[0].id);
}

如何获得Accordion jQuery的Header id和Div id？

2 个答案: