1

私はアコーディオンを持っており、特定のヘッダーのインデックスをその ID で取得したいと考えています。

アコーディオンはリピーターから生成されます。

<asp:Repeater ID="rptProjectList" OnItemDataBound="rptProjects_ItemDataBound" runat="server">
    <HeaderTemplate>
        <div id="accordion">
    </HeaderTemplate>

    <ItemTemplate>
        <h1 style="margin: 0px" class="accordionHeader" id='<%# Eval("projectCode") %>'></h1>

        <div>
           ....some stuff             
        </div>
    </ItemTemplate>

    <FooterTemplate>
        </div>
    </FooterTemplate>
</asp:Repeater>

projectCode をパラメーターとして指定すると、特定のセクションが展開された状態でページを開くことができるようにしたいと考えています。たとえば、ユーザーが MyPage.aspx?project=ABC123 に移動すると、ABC123 プロジェクトが開いた状態でページが読み込まれ、他のパネルが折りたたまれます。

私が持っているjQueryは次のとおりです。

var activeProject = $(document).getUrlParam("project");

コードを取得します。

と

$j('#accordion').accordion({
        active: activeIndex,
        collapsible: true
    });

アコーディオンを設定します。

私が理解できないビットは、真ん中のビットです。関連するプロジェクト コードを含む行のインデックスを取得するために、div を反復処理して activeIndex を取得できるようにする必要があります。

4

1 に答える 1

6

あなたはこのようにすることができます。 アコーディオンアクティブ

var active = $( ".selector" ).accordion( "option", "active" ); //getter 



<div id="accordion">
  <h3 class='headAcc'>First header</h3>
  <div>First content panel</div>
  <h3 class='headAcc'>Second header</h3>
  <div>Second content panel</div>
</div>

JQuery

$('#accordion').accordion({
});

//suppose you want to show thee index which starts some text 
var indexToActivate = $('.headAcc:contains("Second header")').index();
alert(indexToActivate);
indexToActivate=indexToActivate-1; //index is zero based for jquery ui. 
$('button').on('click',function(){
    var active = $( "#accordion" ).accordion( "option", "active" ); //getter 
    alert('Current Index is ' + active +" ");

     $( "#accordion" ).accordion( "option", "active",indexToActivate ); //setter

     var active = $( "#accordion" ).accordion( "option", "active" ); //getter 
       alert('Current New Index is ' + active +" ");
});

Working Demo

于 2013-03-11T10:55:33.907 に答える