Scrollen Sie die Position eines zusammenklappbaren jquerymobile-Sets, wenn Sie erweitert werden

Question

Ich benutze ein jQueryMobile (v1.4.0) collapsible set/accordions, um eine Liste von Elementen und deren Inhalt anzuzeigen, wie in dieser gezeigt.

<div id="List" data-role="collapsible-set"> 
    <div data-role="collapsible" data-content-theme="c"> 
     <h3>Lorem ipsum 1</h3> 
     <p>Suspendisse neque...</p> 
    </div> 
    <div data-role="collapsible" data-content-theme="c"> 
     <h3>Lorem ipsum 2</h3> 
     <p>Lorem ipsum...</p> 
    </div> 
</div> 

Das Problem, das ich habe, ist mit Scrollen, wenn der Inhalt eines Artikels ist länger als die Länge des Bildschirms.

Zum Beispiel in der Geige:

• Öffnen Sie den ersten zusammenklappbaren Artikel
• Scroll nach unten (wenn Sie scrollen müssen, um das Fenster nicht, die Größe, so dass Sie ... haben sonst die Problem ist nicht sichtbar)
• öffnen Sie das zweite Element

=> das erste Element wird geschlossen und das zweite Element wird geöffnet, aber die Seite Scrollen nicht ändert und Sie nun das Ende der zweiten sehen ite ms Inhalt.

Also meine Frage: Gibt es eine kluge Möglichkeit, die Seite zu zwingen, die "Kopfzeile" des zweiten Elements am oberen Rand des Bildschirms zu setzen?

Danke, T.

Answer 1

Sobald ein zusammenklappbares erweitert ist, Abrufen seines .offset().top$.mobile.silentScroll() und in diese Position.

$(document).on("expand", "[data-role=collapsible]", function() { 
    var position = $(this).offset().top; 
    $.mobile.silentScroll(position); 
}); 

Update: Für jQuery Mobile 1.4, verwenden collapsibleexpand Ereignis.

Demo - JQM Bewertung: 1.0 - 1,1

Demo - JQM 1.2 - 1,3

Demo - JQM 1,4