关闭jQuery Mobile Panel

Question

我有一个这样的链接面板

第
1
页第2页第3页

如果我当前在Page1上并打开面板,则当我再次选择Page1时,面板不会关闭.我检查了jQuery移动面板文档,并且具有相同的行为(如果您打开面板,单击"面板",面板将保持打开状态.

如果选择了相同的页面链接,有没有办法关闭面板？

编辑:jQuery Mobile版本:1.3.2 jQuery版本:1.9.1

Answer 1

你做这样的事情

$(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/