How to add to 'data-role="content"' in jquery mobile

Question

To update below div :

    <div id="toadd" data-role="content">
        <p>Page 1 content</p>
                <ul data-role="listview" data-theme="g">
    <li><a href="bmw.html">BMW</a></li>
</ul>
    </div>

I'm using :

  $(document).ready(function() {                   
          $("#toadd ul").append("<li><a href=\"acura.html\">tes</a></li>");
       }   
    });

The problem is that the link is being add as a standard href :

enter image description here

How can I update the code so that 'test' uses the same jquery mobile styling as 'BMW' in attached image ?

score 1 · Accepted Answer · edited May 23 '17 at 10:32

1

try $("#toadd ul").append("<li><a href=\"acura.html\">tes</a></li>").listview('refresh');

Check another post

edited May 23 '17 at 10:32

Community

1
1

answered Apr 25 '12 at 20:17

Binz

36
4

thanks, but should be .listview('refresh'); instead of ).listView('refresh'); – blue-sky Apr 25 '12 at 21:50

How to add to 'data-role="content"' in jquery mobile

1 Answers1