Javascript 代码不适用于 phonegap

Question

我读到这个 ​​link但是(提问者的)讨论或信息不多。

我正在 Eclipse 开发环境中使用 phonegap 编写和 android 应用程序。这是非常入门的代码...太简单了，我不明白为什么不起作用。

我有一个带有此 js 函数的 index.html(包括 jquery、jquery-mobile 和 cordova 2.9)，它从远程服务器获取 json 并将其附加到 jquery 移动列表:

$(document).bind('deviceready', function() {
  $.getJSON("http://www.remote-server.com/json.php?return=list",function(json) {
    $.each(json,function(i,item){
      $("#list").append('<li><a href="details.html?id=' + item.id + '"><h2>'+item.title+'</h2><p>Start date:'+item.start+'</p></a></li>');
    });
    $("#list").listview('refresh');     
  });
});

好的，到现在为止一切正常。但是当打开details.html 时，无法执行任何js 代码。一开始我以为这是包含问题或其他问题，但后来我尝试了简单的 javascript 代码手动设置文本的标签，如:document.getElementById('title').value = "F!&k"

我错过了什么吗？config.xml 是标准的起始代码。

Answer 1

JavaScript 位于何处？

如果您需要此 javascript 在多个页面上可用，您应该将其放在所有页面的头部。

如果您需要此 javascript 仅在单个页面中可用，那么您应该将 javascript 放在

<div data-role='page'>

在您需要的地方定义 jquery-mobile 页面。

这是因为jquery mobile的ajax导航模型。

希望对您有所帮助。