动态附加按钮没有被jQuery Mobile的风格

Question

我编程方式添加Li使用jQuery和JQM 下面的代码工作的UL，它增加了李和正常JQM寻找按钮

$('#ul_edit_users') 
    .append("<li>"+ 
     " <a href='#' data-role='button' data-theme='c'>Delete</a>"+ 
     "</li>"); 
$('#ul_edit_users').listview('refresh'); 

然而当我添加逻辑来将LI分成两行时，我失去了'按钮'功能，并且它变成了常规的蓝色'href'。

$('#ul_edit_users') 
.append("<li>"+ 
     "<div class='ui-grid-a'>"+ 
    " <div class='ui-block-a'>"+ 
    " <h2 >Name</h2>"+ 
    " </div>"+ 
    " <div class='ui-block-b'>"+ 
    " <a href='#' data-role='button' data-theme='c'>Delete</a>"+ 
    " </div>"+ 
    "</div>"+ 
    "</li>"); 
    $('#ul_edit_users').listview('refresh'); 

如果我把代码放到该文件为普通的HTML然后正常工作，我认为jQuery的心不是高兴动态地添加它。

任何想法非常欢迎，谢谢。

Answer 1

您需要.trigger('create')您正在插入的新作品来生成按钮等，然后你.listview('refresh')更新列表。

$('#add').click(function() { 
    $new = $("<li><div class='ui-grid-a'><div class='ui-block-a'><h2 >Name</h2></div><div class='ui-block-b'><a href='#' data-role='button' data-theme='c'>Delete</a></div></div></li>"); 

    $('#ul_edit_users').append($new); 

    $new.trigger('create'); 

    $('#ul_edit_users').listview('refresh'); 
}); 
​ 

http://jsfiddle.net/trapper/TyEDz/1/