jQuery Mobile 创建按钮

【问题标题】：jQuery Mobile Creating ButtonsjQuery Mobile 创建按钮
【发布时间】：2011-11-11 20:16:38
【问题描述】：

jQuery mobile 虽然在很多方面都令人惊叹，但有时却令人沮丧。在这种情况下，我正在尝试动态创建库具有的非常好的按钮之一。基本上我想要做的是在输入字段中输入文本，当按下空格键时，它会创建一个带有文本的 jQuery 移动按钮。

当我只使用 jquery 来制作按钮等时，我的 js 工作得很好，但是当我使用 jqm 时，但由于某种原因初始化为 class=ui-btn-hidden。

请有jqm经验的朋友帮忙

【问题讨论】：

你需要刷新jQM控件，尝试添加.trigger('create')到元素

标签： jquery-mobile

【解决方案1】：

这是一个例子：

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

$('#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>

【讨论】：