Update after adding div dynamically using jQuery Mobile

Question

I am trying to add dynamic div syntax using jQuery mobile, but after adding it CSS is not applied even when updating .

This is an example .

Code:

$(function() { $("#data").append('<div data-role="collapsible"><h3>Div2</h3><p>Content Div2...</p></div>'); $("#data").listview("refresh"); }); 

Answer 1

Use collapsibleset() instead of listview("refresh") :

 $("#data").collapsibleset(); 

See DEMO .

Answer 2

I use this method

 try{ $("#data").listview("refresh"); }catch{ $("#data").listview(); }finally{ $('[data-role=collapsible]').collapsible(); } 

This issue occurs when an item is added to a dynamic