1

我想循环页面并附加/创建指向主要内容的链接。如何才能做到这一点？这就是我到目前为止所拥有的。

我正在使用jquery mobile。

谢谢。

 $.mobile.activePage.removeClass('ui-body-a ui-body-b ui-body-c ui-body-d ui-body-e')
         .addClass('ui-body-' + $('div[data-theme]','#index').data('theme'))
         .attr('data-theme', $('div[data-theme]','#index').data('theme'));

 //pages
 $.each(siteData["pages"], function(i,v) {
      //HERE I WANT TO APPEND ID TO href TITLE AND VALUE TO CONTENT
 });

HTML

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

    </div>

    <div data-role="content">

        <a href="#two" data-role="button">Show page "two"</a>


    </div>

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

所以我想看到的是这样的......

<div data-role="content">

    <a href="#1" data-role="button">Show page "1"</a>
    <a href="#2" data-role="button">Show page "2"</a>
   <a href="#3" data-role="button">Show page "3"</a>


</div>

ETC

4

1 回答 1

1

更新答案-基于问题编辑。

$.each(siteData["pages"], function(i,v) {

 // find content div and insert links inside it
 $.mobile.activePage.find('[data-role=content]').append('<a href=' + id + ' data-role="button">' + text + '</a>');

});

老答案：

 $.each(siteData["pages"], function(i,v) {

 // append href link
 $.mobile.activePage.find('[data-role=content] a').attr('href', siteData.id)

 // append text of <a> link
 $.mobile.activePage.find('[data-role=content] a').html(text);

 // change the header text
 $.mobile.activePage.find('[data-role=header] h3').html(siteData.name);

});
于 2013-03-30T22:23:42.643 回答