jQuery Mobile fügt dem reduzierbaren Set eine Animation hinzu
Ich möchte eine Animation zum zusammenklappbaren Set mit hinzufügenjQuery Mobile. Lassen Sie mich ein einfaches Beispiel dafür zeigen:
<code><div id="tiles" data-role="collapsible-set" data-iconpos="right"> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> </div> </code>
jQuery Mobile behandelt dies perfekt und zeigt mir zusammenklappbaren Satz von 3 Artikeln. Was ich will, ist ANIMATION, aber ich scheine nichts in den Dokumenten zu finden.
Ich habe noch nicht getestet, wie einfachCSS-Animation(; animierende höheneigenschaft) würde funktionieren, allerdings gibt es einejQuery Mobile Wie macht man es, wenn man eine interne Flagge dreht?
BEARBEITEN Ich habe eine einfache jQuery-Animationsmethode ausprobiert und sie funktioniert tatsächlich. Nur für den Fall, dass jemand anderes dies braucht. Es läuft sogar auf meinem 528MHz Android-Handy in einem Standardbrowser reibungslos. Ein Snippet, das ich hinzugefügt habe, ist ganz einfach:
<code>$( ".ui-collapsible-heading" ).live( "click", function(event, ui) { $(this).next().css('height', '0').animate({ height: '100px' }); }); </code>