jquery - jQuery Mobile 未设置动态附加按钮的样式

Question

我正在使用 JQuery 和 jQM 以编程方式将 li 添加到 ul 以下代码有效，它添加了 li 和一个普通的 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/