javascript - すべてのページで Phonegap が機能しない TabBar

Question

NativeControls/TabBar プラグインで PhoneGap を使用していますが、最初のページで機能しています。ただし、別のページに移動するために押すと、プラグインが無効になります。

ページ上index.html:

    <script>
        document.addEventListener("deviceready", function() {
            nativeControls = window.plugins.nativeControls;
            nativeControls.createTabBar();              
            console.log("TabBar initiated");
            nativeControls.createTabBarItem(
              "about",
              "About",
              "/www/img/20-gear2.png",
              {"onSelect": function() {
                window.location.href="about.html";
              }}
            );
            nativeControls.createTabBarItem(
              "guide",
              "Guide",
              "/www/img/76-baby.png",
              {"onSelect": function() {
                window.location.href="grid.html";
              }}
            );
            nativeControls.createTabBarItem(
              "ideas",
              "Ideas",
              "/www/img/27-planet.png",
              {"onSelect": function() {
                window.location.href="ideas.html";
              }}
            );
            nativeControls.showTabBar();
            nativeControls.showTabBarItems("about", "guide", "ideas");
        }, false)
    </script>

いずれかのボタンを押すと、正しいタブが選択された対応する HTML ページに移動します。ただし、このページでは、引き続き機能するタブはありません。タブ ボタンを押すと、タブが強調表示されるだけで、ビューがページに再配置されません。

この同じスクリプトを他のページのヘッダーに貼り付けようとしましたが、結果もありません。