2

JQueryとjQMを使用してプログラムでulにliを追加しています次のコードは機能し、liと通常のjQMのようなボタンを追加します

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

ただし、LIを2行に分割するロジックを追加すると、「ボタン」機能が失われ、通常の青い「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は動的に追加することに満足していないと思います。

どんなアイデアでも大歓迎です、ありがとう。

4

1 に答える 1

0

.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/

于 2012-11-25T11:25:44.487 に答える