jQuery Mobileボタンを作成する

Question

jQueryモバイルは、多くの点で驚くべきことですが、時折イライラする傾向があります。このインスタンスでは、ライブラリが持っている非常にいいボタンの1つを動的に作成しようとしています。 基本的には、入力フィールドにテキストを入力し、スペースバーを押すと、テキスト付きのjQueryモバイルボタンが作成されます。

jqueryを使ってボタンなどを作るときに私のjsはうまく動作しますが、jqmを使用するときは何かの理由でclass = ui-btn-hiddenに初期化されます。 jqmの経験を持つ

誰もがここで

Answer 1

を助けてください例です。

• http://jsfiddle.net/WEyyh/3/

JS

$('#createButton').bind('click', function() { 
    $('#buttonPlaceHolder').append('<a href="#" data-role="button">'+$('#buttonText').val()+'</a>'); 

    // refresh jQM controls 
    $('#home').trigger('create'); 
}); 

HTML

<div data-role="page" id="home"> 
    <div data-role="content"> 

     <input type="text" id="buttonText" placeholder="Enter Button Name"/> 
     <input type="button" id="createButton" value="Create Button" /> 
     <div id="buttonPlaceHolder">&nbsp;</div> 

    </div> 
</div>