動態附加按鈕沒有被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/