1

重複の可能性：
jQuery Mobileは、コンテンツを動的に追加した後、スタイルを適用しません

ここで何かが足りないのではないかと思います...

私が書いたら

<a onclick="deleteThis()" data-role="button" data-theme="a">Button text</a>

HTMLページの本文内では正常に機能します。しかし、プログラムで次のボタンを使用して新しいボタンを追加しようとすると、次のようになります。

$('.block').append('<a onclick="deleteThis()" data-role="button" data-theme="a">' + results[i].Title + '</a>');

リンクはJQueryモバイルスタイリングなしでうまく追加されます。data-theme="a"は特定の色見本cssを問題の要素に適用する必要があります。

どこが間違っているのですか？

4

3 に答える 3

5 
 $('.block').append(' <a onclick="deleteThis()" data-role="button" data-theme="a"> Text</a>').trigger( "create" );
于 2012-07-10T15:24:05.727 に答える
0

.buttonMarkup()jQueryMobileが提供するメソッドを使用できます。このメソッドを使用すると、いくつかのオプションのパラメーターを渡すこともできます。

.buttonMarkup()メソッドのドキュメントは次のとおりです：http： //jquerymobile.com/demos/1.1.0/docs/buttons/buttons-options.html

このメソッドを使用してボタンを作成する例を次に示します。

$('<a href="#" />').text('New Button').buttonMarkup({
    theme  : 'a',
    icon   : 'star',
    mini   : false,
    inline : false
});
//these are just a few of the options

これがデモです：http：//jsfiddle.net/jasper/6BF6M/

また、jQueryを使用してイベントバインディングを作成することをお勧めします。

$('.block').append(
    $('<a href="#" />').text('New Button').buttonMarkup().bind('click', deleteThis)
);
于 2012-07-10T16:01:40.980 に答える
-1

ページに対して、更新イベントをトリガーしてみてください。

$('#pageId').trigger('pagecreate');

リストビューの場合：

$('#listId').listview('refresh');
于 2012-07-10T15:06:36.870 に答える