使用jQuery Mobile动态添加DIV后刷新

Question

我正在尝试使用jQuery mobile动态添加 div ，但添加后，即使使用刷新也不会应用CSS。

是example。

代码：

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

Answer 1

使用collapsibleset()代替listview("refresh")：

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

请参阅DEMO。

Answer 2

我使用这种方法

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

将项目添加到动态

时会发生此问题