jQuery Mobile创建按钮

Question

jQuery mobile虽然在很多方面令人惊讶,但有时候往往令人沮丧.在这个例子中,我试图动态创建库中的一个非常漂亮的按钮.基本上我想要做的是将文本输入到输入字段中,当按下空格键时,它会创建一个带有文本的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>