2

jquery mobile を使用すると、次のコード (以下) が機能しますが、ページにレンダリングするとスタイリングが失われます。それらはただのプラン リンクであり、本来あるべき data-role="button" スタイルを採用しません。コードが生成する同じリンクをハードコーディングしましたが、これは問題なくスタイル設定されています。

これを修正するにはどうすればよいですか?

ありがとう

   $(document).on('pagebeforeshow', '#index', function(){

    $.each(siteData["pages"], function(i,v) {    
         $.mobile.activePage.find('[data-role=content]').append('' +
                 '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>');
    });

   });

マークアップ

<div data-role="page" id="index">
    <div data-theme="a" data-role="header">
    </div>

    <div data-role="content" class="navlist">
    </div>

    <div data-role="footer">
</div>

私が得るもの...

ここに画像の説明を入力

それはどのように見えるべきですか...

ここに画像の説明を入力

コードが 2 番目の画像にレンダリングするコンテンツと同じですが、動的な画像にはスタイリングがありません。

4

1 に答える 1

2

.trigger('create')後に追加.append()

実施例

$.each(siteData["pages"], function(i,v) {    
 $.mobile.activePage.find('[data-role=content]').append('' + '<a href='+ v["id"] + ' data-role="button">' + v["name"] + '</a>').trigger('create');
});
于 2013-03-31T00:19:06.463 に答える