jQuery Mobile創建按鈕

Question

jQuery移動雖然在許多方面令人驚歎，但有時會令人沮喪。在這個例子中，我試圖動態創建圖書館所具有的非常漂亮的按鈕之一。 基本上我想要做的是將文本輸入到輸入字段，當空格鍵被按下時，它會創建一個帶有文本的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>