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

Question

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

就是例子。

代码 ：

$(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();

见演示。

Answer 2

我正在使用这种方法

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

将项目添加到动态时会出现此问题