Schließen jQuery Mobile Panel

Ich habe ein Panel mit Links wie dieseSchließen jQuery Mobile Panel

Seite1
Page2
Page3

Wenn ich auf Seite1 zur Zeit bin und öffnen Sie das Bedienfeld, ist das Panel nicht geschlossen, wenn ich erneut Seite1 wähle. Ich habe jQuery mobile panel documentation geprüft und hat das gleiche Verhalten (wenn Sie das Panel einen Klick auf „Panels“ öffnen, wird das Panel geöffnet.

Gibt es eine Möglichkeit, die Platte, wenn gleiche Seite Link zu schließen ausgewählt?

Edit: jQuery mobile Version: 1.3.2 jQuery-Version: 1.9.1

Quelle

2013-12-09 spezzino

Können Sie eine Demo auf jsfiddle zur Verfügung stellen? –

Schließen Sie es programmgesteuert, '$ (". Selector "). Panel (" close ");' – Omar

hier ist eine Demo http://jsfiddle.net/k89A5/ – spezzino

Sie tun so etwas wie dieses Update

$(document).on("pageinit", function() { 
    $("[data-role=panel] a").on("click", function() { 
    if($(this).attr("href") == "#"+$.mobile.activePage[0].id) { 
     $("[data-role=panel]").panel("close"); 
    } 
    }); 
});

: Für JQM> = 1,4 Verwendung $.mobile.pageContainer.pagecontainer("getActivePage") anstelle von $.mobile.activePage.

Demo: http://jsfiddle.net/Palestinian/k89A5/1/

Quelle

2013-12-09 19:24:59 Omar

super nette ... – Aravin

@Aravinth danke;) – Omar

Sie können einfach das $ ("[data-role = panel]") Panel verwenden ("close"); in einer Rückkehrfunktion, um das Panel zu schließen –

nur daten rel hinzufügen = "close"

<li class="liPanel"><a href="javascript:void(0);" **data-rel="close"** class="ui-btn ui-shadow ui-corner-all ui-btn-icon-right ui-icon-info">Faqs</a> 
</li>

Quelle

2015-04-13 14:02:05 skhurams

Antwort

Verwandte Themen