關閉jQuery Mobile的面板

我有這樣的關閉jQuery Mobile的面板

第1頁鏈接
第2頁面板
第3頁

如果我目前第一頁上，並打開面板，該面板是不是當我再次選擇Page1時關閉。我已經檢查jQuery mobile panel documentation，並具有相同的行爲（如果打開面板上的「板」的點擊，面板將保持開放。

有沒有一種方式，如果選擇了同一個頁面鏈接關閉面板？

編輯：jQuery Mobile的版本：1.3.2 jQuery的版本：1.9.1

來源

2013-12-09 spezzino

你能提供的jsfiddle演示？ –

以編程方式關閉它''（「.selector」）。panel（「close」）;' – Omar

這裏是一個演示http://jsfiddle.net/k89A5/ – spezzino

你做這樣的事

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

更新：對於JQM> = 1.4使用$.mobile.pageContainer.pagecontainer("getActivePage")而不是$.mobile.activePage。

演示：http://jsfiddle.net/Palestinian/k89A5/1/

來源

2013-12-09 19:24:59 Omar

很棒的一個... – Aravin

@Aravinth謝謝;） – Omar

您可以使用$（「[data-role = panel]」）。panel（「close」）;在返回功能關閉面板 –

只添加數據的rel = 「關閉」

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

來源

2015-04-13 14:02:05 skhurams

關閉jQuery Mobile的面板

回答

相關問題