外部工具栏未正确隐藏（jQuery Mobile）

Question

我的外部工具栏（标题）有问题。根据jQuery Mobile文档，如果任何页面有内部标题，它应该自动隐藏，但由于某种原因它没有。

我在jQuery Mobile论坛上找到了部分解决方案。我在显示页面之前检查是否存在内部标题，如果存在，则隐藏外部标题：

$(document).on("pagecontainerbeforeshow",function(){
  var activePage = $('body').pagecontainer('getActivePage');
  if(activePage.find("div[data-role=header]").length > 0 ){
      $("#external-header").hide();
  } else {
      $("#external-header").show();
  }
});

以下是演示： https://jsfiddle.net/io_phoenix/a9wt3hbf/7/

我遇到的问题是，第一次加载文件时，外部页眉没有隐藏在页面＃0上，只有当我稍后使用内部链接导航到此页面时才会这样做。

我不明白为什么在演出之前＆＃39;在这种情况下不工作，我迫切地试图让它发挥作用:(

非常感谢任何帮助或提示！