Refresh after adding DIV dynamically using jQuery Mobile

Question

I'm trying to add a div dynamically using jQuery mobile, but after adding it, the CSS is not applied even with the refresh.

The is the example.

Code :

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

zxqx · Accepted Answer · 2013-03-14 20:49:30Z

4

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

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

See DEMO.

edited Mar 14, 2013 at 20:49

answered Mar 14, 2013 at 20:36

zxqx

5,2352 gold badges22 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

zxqx Over a year ago

Ah, I see. Try just collapsibleset(). I've updated my answer.

ToibayevNariman · Accepted Answer · 2013-03-15 05:56:02Z

0

I"m use such method

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

This problem occurs when an item is added to the dynamic

answered Mar 15, 2013 at 5:56

ToibayevNariman

411 silver badge5 bronze badges

Collectives™ on Stack Overflow

Refresh after adding DIV dynamically using jQuery Mobile

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related