3

私はJQueryMobileアプリに取り組んでいます。ページの読み込み時にHTMLを動的に追加しています。トリミングされた例を次に示します。

var h = "";
for (i=1; i<=5; i++) {
  h += "<div>Entry #" + i + "</div>";
  h += "<div class='ui-grid-a'>";
    h += "<div class='ui-block-a'><input type='button' value='Approve' onclick='return approveButton_Click(this);' /></div>";
    h += "<div class='ui-block-b'><input type='button' value='Reject' onclick='return rejectAbuse_Click(this);' /></div>";
  h += "</div><hr />";
});
$("#entries", "#myPage").append(h);

HTMLがUIに表示されています。ただし、ボタンは通常のJQueryMobileボタンとしてレンダリングされません。代わりに、従来のHTMLボタンのように見えます。動的に追加されたボタンを取得してJQueryモバイルスタイルを適用するにはどうすればよいですか？

ありがとうございました

4

2 に答える 2

7

これがあなたのコードからの実用的な例です：http：//jsfiddle.net/Gajotres/NuCs2/

ボタンを更新する前に、まず.button（）関数で初期化する必要があります。ちょうどこのような：

$("#approve"+i).button().button('refresh');
$("#reject"+i).button().button('refresh');

別の解決策もありますが、ページ全体を再作成する場合にのみ使用する必要があります。

$("#index").trigger("pagecreate");

そして、2番目のソリューションの例を次に示します。http：//jsfiddle.net/Gajotres/mpFJn/

マークアップ強化の方法についてもっと知りたい場合は、私の他の記事を見てください。私を透明にさせてください。それは私の個人的なブログです。または、ここで見つけてください。

于 2013-01-12T17:41:00.690 に答える
0

Jqm UIを動的に表示するには、Jquerymobileで「Refresh」メソッドを使用します。

http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-methods.html

于 2013-01-12T13:24:00.280 に答える