javascript - 关闭 jQuery Mobile 面板

Question

我有一个带有这样链接的面板

Page1
Page2
Page3

如果我当前在第 1 页并打开面板，当我再次选择第 1 页时面板不会关闭。我检查了jQuery mobile panel documentation ，并且具有相同的行为(如果您打开面板并单击“面板”，面板将保持打开状态。

如果选择相同的页面链接，是否有关闭面板的方法？

编辑: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/