关闭jQuery Mobile Panel

我有一个这样的链接面板

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

Answer 2

只添加data-rel =“close”

  
Faqs