Wie bekomme ich den index von einem JQuery Accordion aus der Kopfzeile ID?

Habe ich ein Akkordeon und ich möchte den index eines bestimmten header-ID.

Das Akkordeon erzeugt aus einem repeater:

<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>

Ich möchte in der Lage sein, um die Seite zu öffnen mit einem bestimmten Abschnitt erweitert, angesichts der projectCode als parameter. z.B. Benutzer geht zu MyPage.aspx?Projekt=ABC123 und die Seite lädt mit dem ABC123 Projekt öffnen und die anderen Platten zusammengebrochen.

Den jQuery ich habe ist:

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

die bekommt den code.

Und

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

legt das Akkordeon.

Das bit ich nicht herausfinden können, ist das bit in der Mitte. Ich muss in der Lage sein, um die activeIndex durch Iteration über die div, um den index der Zeile mit den entsprechenden Projekt-code.

InformationsquelleAutor Ben | 2013-03-11
  1. 6

    können Sie dies so tun. Akkordeon Aktiv

    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 +" ");
});

    Arbeiten Demo

    • Dies nicht von Ihnen verlangen, zu wissen, der index aber? Ich habe nur die ID des header
    • wird es wieder der index, der aktuell ausgewählt ist.
    • Wie wäre es, wenn ich bin laden die Seite von Grund auf neu und gehen wollen, um den Bereich mit der ID "abc123"?
    • Aktualisiert JSfiddle
    • Cheers @Ravi - denke, ich bin es immer. Der index scheint verzerrt sein, obwohl - ich denke, es ist die Indizierung der Kopf-und divs (D. H. es ist die Rückkehr ein index doppelt, was ich brauche)
    • Sie bekommen einen index basierend auf der header-Klasse. ich bin der Subtraktion -1, weil jquery-Ui-index beginnt mit 0. nun ist diese Lösung funktioniert für Sie ?
    • Eigentlich hatte ich zu der Indexdatei /2 - der index ist der index der Elemente in dem div, aber Akkordeon nur Indizes der Akkordeon-Elemente, die es scheint
    • Danke, Sie meinen Tag gerettet..!!

    InformationsquelleAutor Ravi Gadag
Schreibe einen Kommentar