jquery - ボタンを動的に作成 - JQueryMobile

Question

jQuertMobile を使用して動的にボタンを作成する方法。

Answer 1

非常に簡単です：

まず、次の方法でボタン HTML JQuery 要素を作成します。

var button = $("<button>My Button</button>");

次に、ページ内の任意の場所にボタンを挿入します。

$("#my_button_div").append(button);

最後に、ボタンで button() JQuery Mobile コマンドを実行します。

button.button();

これで、ページに機能的で JQM スタイルのボタンが表示されます。

Answer 2

編集:これで、トリガーするイベントで完了です。

.trigger('create')

詳細と最新の説明「DOM に追加したコンテンツで JQM を機能させるにはどうすればよいですか?」ここにあります：http://jquerymobiledictionary.pl/faq.html

それを作成してから、要素を呼び出しますpage()。jquery mobile のすべてのプラグインとスタイルを、作成した要素に適用します。

Answer 3

単純：

var button = $("<button>My Button</button>");
$("#my_button_div").append(button).trigger('create');

ここに例：jquery mobile create gridを動的に

Answer 4

上記のリンクが壊れており、解決策がうまくいきません。

次のコードは機能しません。

$(this.el).append("<button id='add2' data-role='button'>Add list item</button>");

$('#add2').page();

ボタンが追加され、呼び出しなしで完全に機能します$('#add2').page();が、JQuery Mobile スタイルはありません。したがって、呼び出し.page()は、ボタンを DOM に追加した後にスタイルを適用するための有効な修正ではありません。