jQuery Mobile 创建按钮

Question

jQuery Mobile（简称jqm）在许多方面都非常出色，但有时会令人沮丧。在这种情况下，我正在尝试动态创建库中非常漂亮的按钮之一。基本上，我想做的是在输入字段中输入文本，按下空格键后创建一个带有该文本的jQuery Mobile按钮。

当我只使用jquery来制作按钮等内容时，我的js工作得非常好，但当我使用jqm时，该按钮以class = ui-btn-hidden初始化，原因不明。

有经验的jqm用户请帮忙解决。

- zareef

---

你需要刷新jQM控件，尝试在元素上添加.trigger('create')。 - Phill Pafford

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>

- Phill Pafford