在函数中创建动态页面

时间:2013-03-21 14:11:15

标签: jquery jquery-mobile

我有这个功能:

var getData = function (obj) {

    for(var i = 0, j = localStorage.length; i < j; i ++) {
        var newKey = localStorage.key(i);
        var newValue = localStorage.getItem(newKey);    
        var newObj = JSON.parse(newValue);
        var ulListView = $('#container').append('<ul data-role="listview" data-split-icon="minus" data-split-theme="c" data-inset="true" id="ulOrigin'+i+'"></ul>');
        var dynPage = $(newObj[1].value).trigger('create');     
        //var dynPage = $('<div data-role = "page" id = "'+newObj[1].value+'"><div data-role = "header"></div><div data-role = "content"></div><div data-role = "footer"></div>"</div>');       
        var insideLi = $('#ulOrigin'+i).append('<li><a href="'+dynPage+'"><img src="images/'+newObj[0].value+'.png"><h2>'+newObj[1].value+'</h2><p>'+newObj[0].value+'</p></a><a href = "#deleteObject" data-rel = "popup" data-position-to = "window" data-transition = "pop">Delete Entry</a></li>');     
        var pageNum = $('#ulOrigin'+i);
        console.log(newObj);

    }


};

我正在尝试创建一个名称取自newObj[1].value的动态页面。访问该链接时,我得到的错误是Error Loading Page。在控制台中我有OPTIONS file:///home/<address>/[object%20Object]标记为错误。

我正在使用jQuery Mobile 1.3.0

1 个答案:

答案 0 :(得分:0)

问题是dynPage不是字符串,在你当前的实现中有

var dynPage = $(newObj[1].value).trigger('create');

接着是

var insideLi = $('#ulOrigin'+i).append('<li><a href="'+dynPage+'">....

我只是假设你点击上面的href时出现错误。我不知道创建是如何工作的,但是href应该指向一个页面,这样你的href就会有一个正确的URL。

如果您在单击代码创建的链接时确实收到错误,那么您可以使用最新代码更新问题,并添加生成的链接html,以便我们可以确切了解发生了什么。< / p>