动态添加数据角色页面

Question

我想在我的phonegap应用程序中添加动态数据角色页面。我以为我可以用这样的东西做到这一点但是没有用

jQuery(function()
{     
    var theList = jQuery('#results');      
    for(i=0; i<mytool_array.length; i++)     
    {           
        content = '<div data-role="page" id="page'+i+'"><div data-role="header" data-backbtn="false"></div><div data-role="content"><p>page=+'+i+'</p></div></div>'; 
        theList.append(content);    
    }   
})

Im my HTML:
<div id="results"></div>

Answer 1

据我所知，问题是：

1. 你不应该把页面放在div中。他们应该身体
2. 你的函数从DOMready开始，所以它在jquery mobile之后（或部分期间）进行格式化
3. 重新考虑你的想法。将基本的html结构放在体内并在以后填充它们应该更好用
4. 考虑将其设为list或一组collapsibles而不是网页。

这就是说，你当前的代码应该是这样的：

jQuery(function($)
{     
    var b = $('body');      
    for(i=0; i<mytool_array.length; i++)     
    {           
        $('<div data-role="page" id="page'+i+'"><div data-role="header" data-backbtn="false"></div><div data-role="content"><p>page=+'+i+'</p></div></div>') //newline added for readability. it shouldn't be here
        .appendTo(b).page();    //newline added for readability
    }   
});