缓存的页面影响jQuery选择器。

Question

我正在使用JQM作为我的混合应用程序。每个页面都是一个单独的HTML文件，JQM使用Ajax加载页面。

每个页面都有一个带有菜单栏的页脚。根据某些标准，显示了2-4个菜单项。如果我必须删除一些菜单项，则运行一个js脚本，它以：

var footer = $('#' + activePage +' footer [data-role="navbar"]');

使用以下代码设置活动页：

var activePage; // Global variable

$(document).on( "pagecontainerbeforeshow", function( e, ui ) {
   activePage = ui.toPage.prop("id");
});

问题是，在浏览了几页之后，我突然有了2英尺。因此，当我计算<li>项的数量时，例如从第一个页脚得到2+4.2，从第二个页脚得到4个。

我能做些什么来避免检索缓存的页面？

Answer 1

页面保持器小部件有一个方法getActivePage()，它可以做您想做的事情。

所以你可以这样做：

var footer = $("body").pagecontainer( "getActivePage" ).find('.ui-footer [data-role="navbar"]');

然后您就不需要尝试保存页面显示中的活动页面id了。

工作演示