3

我正在开发多个 HTML 页面 phoneGap 应用程序，我想实现一个导航栏。

我正在使用以下代码实现 phoneGap导航栏：

在index.html中，我定义了这样的导航栏：

function onDeviceReady() {
  plugins.navigationBar.init();

  // or .create("BlackOpaque") to apply a certain style
  plugins.navigationBar.create("BlackOpaque"); 

  plugins.navigationBar.setTitle("Home");
  plugins.navigationBar.hideLeftButton();
  plugins.navigationBar.hideRightButton();
  plugins.navigationBar.show();
}

当我运行应用程序时，它会在索引页面顶部创建一个导航栏，标题标记为HOME，没有左或右navBarButton，因为我在主页中不需要它。

xyz.html但是当我通过单击一个按钮转到下一个 HTML 页面时，navBar显示相同的行为：即相同的标题没有左和写按钮。

但我希望它更改当前加载页面的标题，并将leftNavBarButton标签插入到后面，以便我也可以返回上一页。

但它没有发生。我还尝试在xyz.html页面中编写一个脚本，该脚本应该更改其标题并leftNavBarButton放回原处但不起作用。

它在整个应用程序中都是静态的，标题相同，我无法返回上一页。我希望它的行为是全局的，它随着每一页的变化而变化，并保持前一页的状态！我怎样才能做到这一点？

4

1 回答 1

2

如果您使用单页模板（= 每个 HTML 文件 1 个 jQuery Mobile 页面），您必须在每个 HTML 文件中包含您的 JS 代码。

您可以做的是将所有自定义 JS 代码放在一个 JS 文件中，并将其导入您拥有的每个 HTML 页面中。此外，导入您将在每个页面中使用的任何其他 JS 库。

前任：

<script src="./js/navigationbar.js"</script>
<script src="./js/myjs.js"></script>
...
...

另一种解决方案是在导航到页面时强制刷新页面。

在这种情况下，您不必在每个页面中导入所有 JS 代码，并且对于每个 HTML 文件，您可以导入该给定文件所需的 JS 文件。

于 2012-10-11T09:17:35.127 回答