Phonegap ondevice 准备就绪

Question

我有一个带有多个 html 文件的 phonegap 应用程序，并且对于每个 html 文件我都有 js.file。 在每个 js 文件中，我都添加了一个这样的 eventListener：

function onDeviceReady()
{ 
   alert('HI'); 
}

document.addEventListener('deviceready',onDeviceReady,false);

现在，当应用程序启动时，我正在检查设备是否准备就绪并提醒一些字符串（用于测试）。

但是当我更改为另一个 html 文件时，它不起作用，它只适用于 index.html 文件。 似乎它没有触发其他页面的事件侦听器，为什么？

编辑： 好的，正如它在下面的 cmets 中所说，设备就绪只调用一次。

所以我尝试使用 onload 事件调用 javascript 函数：

 <head> 
     <script src = "js\file.js type = "text/javascript" language = "javascript">
 </head>

<body onload = "onLoad()">
</body>

在js文件中有一个函数：

function onLoad()
{
     alert('HI');
}

但是当我移动到这个页面时，它没有提醒。

我也试过这样：

 <head>
   <script>
    $(document).ready(function()
            {
                alert('HI');
            })
    </script>
  </head>

还是……什么都没有……

Answer 1

我之前也遇到过类似的问题。首先，您如何指向其他页面？ 如果你是这样做的

<a href="otherpage.html"></a>

有时 .js 文件无法正常工作。

当您向按钮添加点击事件并像这样直接指向其他页面时；

setTimeOut( function() { document.location = "otherpage.html";},50);

它有效。

这就是我解决问题的方法，我希望它也适用于你。

Answer 2

所以经过多次尝试让事情正常进行后，我没有设法“触发”其他 html 页面的 onload 事件。

JQM 似乎只支持一个带有多个 div 的 html.file，每个 div 就像一个页面，使用属性 data-role 设置为 page。

我不知道为什么它没有触发其他 html 文件的事件，因为我将所有必要的 js 文件添加到了那些 html 文件中。

如果您能找到任何其他解决方案，我将不胜感激。但与此同时，我认为这是唯一的解决方案，在我看来这是一件坏事，因为如果您的应用程序有很多页面，它将很难维护它......这就是为什么我试图分成不同的页面（html文件）