相关疑难解决方法(0)

我正在使用jQuery mobile,目前正在使用下面的代码动态构建菜单.我现在需要为下一步创建菜单项的实际页面.我一直在关注jQuery Mobile和动态页面生成,并认为这是我可以用来实现这一目标的东西.我已经阅读了动态页面生成文档,并且不明白我如何将其纳入我当前的代码中,或者即使它适合我需要实现的内容.

我可以看到下面我已经有了ID和页面名称等,当我为主页构建菜单输出时,有人能给我看一个例子,说明我现在如何使用jquery为这些菜单项动态构建所需的html页面吗？谢谢.

$.each(siteData["pages"], function(i,v) {
             $.mobile.activePage.find('[data-role=content]').append('' +
                     '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>').trigger('create');

            // NOW I HAVE THE MENU LETS CREATE THE ACTUAL PAGES INSIDE HERE TOO
         });

在navlist中创建的当前标记菜单项:

<div data-role="page" id="index">
    <div data-theme="a" data-role="header">
    </div>

    <div data-role="content" class="navlist">
    </div>

    <div data-role="footer">
    </div><!-- /footer -->
</div>

所以现在对于每个项目,我需要使用jquery为每个项目生成标记.

更新:所以基于建议我尝试过这样的东西,但它不起作用.

 $.each(siteData["pages"], function(i,v) {
     $.mobile.activePage.find('[data-role=content]').append('' +
             '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>').trigger('create');



     // Prepare your page structure
     var newPage = $("<div …