如何从javascript获取ajax手风琴选择的索引

Question

您好我使用过Ajax手风琴。我需要的是当我点击关于账单信息的手风琴选项卡时获取当前选择的索引我应该在Javascript或jquery中选择index = 0

我已将javascript设为

注意：结算信息是在OPCPanels中设置的类

<script type="text/javascript">
    function pageLoad(sender, args) {

        $(".billinginformation").click(function (event, ui) {
            alert("hi");

            alert($(".billinginformation").accordion("option", "active"))                
        });
    }
</script>

HTML代码

 <ajax:Accordion ID="OPCPanels" runat="server" SelectedIndex="0" HeaderCssClass="widget billinginformation" ContentCssClass="content" AutoSize="None">
        <Panes>
        <ajax:AccordionPane ID="BillingInformation" runat="server" CssClass="widget">
            <Header><h2>Billing Information</h2></Header>
            <Content>HI</Content>
        </ajax:AccordionPane>
        <ajax:AccordionPane ID="ShippingInformation" runat="server" CssClass="widget">
            <Header>Shipping Information</Header>
            <Content>hello</content>
        </ajax:AccordionPane>
    </Panes>
</ajax:Accordion>

我已将计费信息课程设置为我的主手风琴，点击任何手风琴我都会收到“hi”的警告。

但是我应该如何获得我在JavaScript中选择的所选索引？

Answer 1

这似乎是ASP.NET Ajax Toolkit手风琴。尝试：

$find('OPCPanels').get_SelectedIndex()

编辑：

AJAX工具包上没有太多文档。看看你可以从这些链接中找到什么。

Accordion SelectedIndex behind code of last item selected? http://www.dotnetcurry.com/ShowArticle.aspx?ID=215

Answer 2

不确定html在浏览器中的实际效果如何，所以我选择使用带有widget类的click元素：编辑：现在使用CssClass

$('#OPCPanels [CssClass="widget"]').click(function (event, ui) {
     alert("Index: " + $(this).index() );
});

Answer 3

在http://www.newschool.edu/ajax/Accordion/Accordion.aspx查看示例代码（和来源），您需要使用

var behavior = $find("<%=OPCPanels.ClientID%>_AccordionExtender");
alert( behavior.get_SelectedIndex() );

您可以查看实际的源代码，以确保手风琴扩展器元素的id是什么。