jquery-mobile - 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>