关闭jQuery Mobile Panel [英] Closing jQuery Mobile Panel

问题描述

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

I have a panel with links like this

Page1

Page2

Page3

Page1
Page2
Page3

如果我当前在Page1上并打开面板，当我再次选择Page1时，面板不会关闭。我查看了 jQuery移动面板文档，并且具有相同的功能行为（如果您打开面板，单击面板，面板将保持打开状态。

If I am currently on Page1 and open the panel, the panel is not closed when I select Page1 again. I have checked jQuery mobile panel documentation, and has the same behaviour (if you open the panel an click on "Panels", the panel will stay open.

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

Is there a way to close the panel if same page link is selected?

编辑：jQuery手机版：1.3.2
jQuery版本：1.9.1

jQuery Mobile version: 1.3.2 jQuery version: 1.9.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 。

Update: For jQM >= 1.4 use $.mobile.pageContainer.pagecontainer("getActivePage") instead of $.mobile.activePage.

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

这篇关于关闭jQuery Mobile Panel的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！