我正在使用带有phonegap和Lawnchair的Jquerymobile。 我有近25个html页面。 但是如果我从某个html页面调用另一个html页面然后调用页面,但是我的数据不会显示在那里,除非我使用data-rel =“external”。
另外,我必须将所有包含css和js文件放在所有html页面中,因为我使用的是data-rel =“external”。
第1页:
$(function(e) {
var details = Lawnchair({name:'details',adapter:'dom'},function(e){
//this.nuke();
});
details.all(function(data){
document.getElementById("name").value = "";
document.getElementById("desc").value = "";
for(var i = 0; i<data.length;i++)
{
var id = parseInt(data[i].value.id) + 1;
document.getElementById("id").value = id;
var listdiv = document.createElement('li');
listdiv.setAttribute('id','listdiv' + data[i].value.id);
listdiv.innerHTML = "ID : " + data[i].value.id + " | " + "Name : " + data[i].value.name + " | " + "Desc : " + data[i].value.desc;
$('#show_list').append(listdiv);
}
$('#show_list').listview().listview('refresh');
});
<body>
<a href="result.html" data-role="button" rel="external">Result</a>
</body>
result.html :
$(function(e) {
var res = Lawnchair({name:'details',adapter:'dom'},function(e){
//this.nuke();
});
res.all(function(data){
for(var i = 0; i<data.length;i++)
{
var listdiv = document.createElement('li');
listdiv.setAttribute('id','listdiv' + data[i].value.id);
listdiv.innerHTML = "ID : " + data[i].value.id + " | " + "Name : " + data[i].value.name + " | " + "Desc : " + data[i].value.desc;
$('#show_list').append(listdiv);
}
$('#show_list').listview().listview('refresh');
});
<body>
<div>
<ul id="show_list">
</ul>
<div>
</body>