JQuery Mobile Создание кнопок - PullRequest
Новая
       8

JQuery Mobile Создание кнопок

4 голосов
/ 12 ноября 2011

Мобильный jQuery, хотя и во многих отношениях удивительный, иногда бывает разочаровывающим.В этом случае я пытаюсь динамически создать одну из очень приятных кнопок, которые есть в библиотеке.По сути, я хочу ввести текст в поле ввода, и при нажатии пробела он создает мобильную кнопку jQuery с текстом.

Мой js прекрасно работает, когда я использую только jquery для создания кнопок и т. Д., Но когда я использую jqm, но по какой-то причине инициализируется в class = ui-btn-hidden.

Любой, кто имеет опыт работы с JQM, пожалуйста, помогите

1 Ответ

6 голосов
/ 12 ноября 2011

Вот пример:

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>
...