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>

jQuery Mobile创建按钮

1 个答案: