0

我正在使用 jQuery Accordion 并参考此处。

单击我的部分（标题）中的项目时，我想以以下格式显示：

我的标签中的第 # -> 项目 # 作为文本（如面包屑）。

我试图搜索它，我得到了使用的线索

var active = $('.selector').accordion('option', 'active');

但我不知道如何使用它。我是 jQuery 的新手。

我的代码如下：

           $(function () {
                $("#accordion").accordion({
                    heightStyle: "content"
                });  
            }); 
        </script>  

                        <div id="accordion">
                            <h3>
                                Section 1</h3>
                            <div>
                                <asp:LinkButton ID="LinkButton1" runat="server">Item 1</asp:LinkButton> 
                                <br /><br />
                                <asp:LinkButton ID="LinkButton3" runat="server">Item 2</asp:LinkButton> 
                            </div>
                            <h3>
                                Section 2</h3>
                            <div>
                                 <asp:LinkButton ID="LinkButton2" runat="server">Item 3</asp:LinkButton> 
                                 <br /><br />
                                 <asp:LinkButton ID="LinkButton4" runat="server">Item 4</asp:LinkButton> 
                            </div> 
                        </div> 

<asp:Label runat="server" ID="lbl_selectedValue"  ></asp:Label>
4

2 回答 2

2

试试下面的代码： -

$("#accordion").bind("click", function() {

    alert($("h3[aria-expanded='true']",this).text());

});

或者

$("#accordion h3").bind("click", function() {

    alert($(this).text());

});
于 2013-02-07T07:27:22.153 回答
0

这里

$('.selector').accordion('option', 'active'); 
 --^^^^^^^^^---this is accordion selector.. in your case it is <div id="accordion"> so use #accordion.

使用text()或html()替换活动值<label>

 $('#lbl_selectedValue').text();
 --^^^^^^^^^^^^^^^^^^^^--- label selector with id as lbl_selectedValue

尝试这个

 $(function () {
    $("#accordion").accordion({
                heightStyle: "content"
    });  

    var activeAccordion=$( "#accordion" ).accordion( "option", "active" );
    $('#lbl_selectedValue').text($("#accordion h3").eq(activeAccordion).text()); //"OR $('#lbl_selectedValue').html(activeAccordion);

    $(".accordion-header").on("click", function() { 
         var activeClickAccordion=$( "#accordion" ).accordion( "option", "active" );
         $('#lbl_selectedValue').text($("#accordion h3").eq(activeClickAccordion).text());
    })
 });

更新

给你的标签一个类别并尝试它..

<asp:Label runat="server" ID="lbl_selectedValue"  class="lbl_selectedValue"></asp:Label>

和你的选择器。

$('.lbl_selectedValue').text($("#accordion h3").eq(activeAccordion).text());
于 2013-02-07T07:15:51.360 回答