jQuery Forum

Try adding an ID attribute to your UL and setting its value to mylist.

already tried this...

here a test page (open with chrome or safari):

http://jsbin.com/uzaret/457/edit

There are a couple issues with your code.  

i want to create a ul element for each row, it's not a issue

Format like this :

<div id="mylist" data-role="collapsible" data-collapsed="false">
      <h2>title 1</h2>
      <ul data-role="listview">
            <li></li>
      </ul>
      <h2>title 2</h2>
      <ul data-role="listview">
            <li></li>
      </ul>
</div>

Oh, I didn't know you were trying to create a collapsible listview.  I'll take another look tonight if no one has responded with a solution.  

Since you have inserted the listview dynamically, you need to trigger create on the parent element.

Calling refresh on the listview itself is ineffective, because there is no refresh function on the listview element. Indeed, there is no listview. The listview was never created in the first place.

thank you watusiware, it's working but only with the listview attribute.

if i add a button with onclick="alert("test");", the onclick event don't work
var lis="";

1. var lis="";
   for (var i = 0; i < result.rows.length; i++) {
         var row = result.rows.item(i);
         lis+="<ul data-role="listview">
                   <li>
                     <a id="bouton" href="#" data-role="button" data-mini="true" onclick="alert("test");">'+row.FirstName+'</a>
                   </li>
               </ul>';
   } 
   $('#mylist').html(lis)
   $('#mylist').listview('refresh');
                                                         
   <div id="listview"></div>
   

   
   

i tired to add an id to "li" (the parent element of the "a") and  $('#myIdLI').trigger('create'); but it's not working

No, you have to trigger "create" on the parent of the listview.

Once again, calling "refresh" on the listview will do nothing, since the listview was never created.

yes i understand, i trigger "create" the parent of listview, now the listview is dispalyed correctly.

the problem is, i just added a button with a "onclick" event to dispaly a test alert, but it don't work.


var lis="";
for (var i = 0; i < result.rows.length; i++) {
      var row = result.rows.item(i);
      lis+="<ul data-role="listview">
                     <li id="parent">
                        <a href="#" data-role="button" onclick="alert("test");">'+row.FirstName+'</a>
                     </li>
              </ul>';
}

$('#listview').html(lis);
$('#parent').trigger('create');
$('#trigger').trigger('create');

<div id="trigger">
    <div id="listview"></div>
</div>

You will have to post a complete example, as your fragments aren't making sense.

What is #parent, for example? I don't see an element with that ID.

Then you show a static page fragment, even though you are creating the listview dynamically. You show how you create the HTML text, but then you never show how you add the listview to the page.

None of makes sense out of context, and we aren't going to be able to help you without a complete example.

Look at the code you have written, now look at the use of your " and ' characters. They are off... You open with a " and close with a '. Fix that and you should be looking better.

here the entire code :
http://jsbin.com/uzaret/470/edit

i want the display a ID 1 for the first <li>, ID 2 for second, ID 3 for the third

thank you

@watusiware hello, i posted a complete exemple. i hope you can help me when you have time

thank you

up please, you can try the code here : http://jsbin.com/uzaret/470/edit

up please