Jquery 将列表项链接到数据角色页

我需要一些帮助，因为前几天我试过了，但我想不出来。 我使用循环创建不同的列表项。它有以下格式：

<li><a href="page1"><h3>Page 1</h3><p>Open page 1</p></a></li>

所以你可以看到这个页面有一个指向第1页的href，其他项目有指向第2页、第3页等的链接

如何使用以下代码在不同页面中创建循环：

<div data-role="page1" id="page1">
    <div data-role="content"><p>This is Page 1</p></div>
</div>

我以为是这样，但这不起作用：

jQuery(function($) {          
    var b = $('body');           
    for(i=0; i<10; i++)          
    {                    
        $('<div data-role="page1" id="page1"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b).page();     
    }    
});

怎么样

        $('<div data-role="page'+i+'" id="page'+i+'"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b);     

---

这是什么。页面方法？我从未见过。您的数据角色=page1应该是数据角色=page，因为页面永远不会更改。这是jQM用于显示的标记，不是navigationUnderstand和changed，但每次加载页面时都会出现错误。href找不到该页面。这可能是因为列表是第一个创建的吗？你有没有建议我如何用其他方式完成类似的操作？没有，单击列表项时出错加载页面数据角色=页面“+I+”应该是数据角色=页面