无法使用jquerymobile在另一个HTML页面中获取数据

时间:2013-02-22 12:32:21

标签: cordova jquery-mobile lawnchair

我正在使用带有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>

0 个答案:

没有答案