動的にボタンを作成する - JQueryMobile

Question

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

Answer 1

EDIT：これでイベントが発生しました。

.trigger('create') 

詳細と最新の説明「DOMに追加するコンテンツでJQMを動作させるにはどうすればよいですか？」 http://jquerymobiledictionary.pl/faq.html

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

Answer 2

上記のリンクが壊れていて、解決策が私のために機能しません。

次のコードは動作しません：

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

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

ボタンが追加され、$('#add2').page();を呼び出すことなく完璧に動作しますが、それはjQueryのモバイルスタイルを持っていません。したがって、.page()を呼び出すことは、ボタンをDOMに追加した後にスタイリングを適用するための作業上の修正ではありません。

Answer 3

非常にシンプル：

まずによってボタンのHTML jQueryの要素を作成します。

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

次に、あなたはそれがページになりたい場所にボタンを挿入します

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

そして、最後にボタン上でbutton（）JQuery Mobileコマンドを実行します。

button.button(); 

あなたのページに機能的なJQMスタイルのボタンがあるはずです。

Answer 4

シンプル：ここ

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

例：jquery mobile create grid dynamically