Создать кнопку динамически - JQueryMobile

Question

Как динамически создать кнопку с помощью jQuertMobile.

Answer 1

Очень просто:

Сначала создайте элемент HTML JQuery для кнопки:

var button = $("<button>My Button</button>");

Затем вставьте кнопку, где бы она ни находилась на странице:

$("#my_button_div").append(button);

И, наконец, запустите кнопку () Команда JQuery Mobile на кнопке:

button.button();

У вас должна быть функциональная кнопка в стиле JQM на вашей странице.

Answer 2

РЕДАКТИРОВАТЬ: Теперь это сделано с событием, которое вы вызываете.

.trigger('create')

Подробности и актуальное описание "Как мне заставить JQM работать с контентом, который я добавляю в DOM?"здесь: http://jquerymobiledictionary.pl/faq.html

Создайте его и затем вызовите page() для элемента.Он будет применять все плагины и стили из jquery mobile к любому создаваемому вами элементу.

Answer 3

Simple:

var button = $("<button>My Button</button>");
$("#my_button_div").append(button).trigger('create');

вот пример: jquery mobile динамически создает сетку

Answer 4

Выше ссылка не работает, и решение не работает для меня.

Следующий код не работает:

$(this.el).append("<button id='add2' data-role='button'>Add list item</button>");

$('#add2').page();

Кнопка добавлена ​​и отлично работает, не вызывая $('#add2').page();, но не имеет стиля JQuery Mobile. Поэтому вызов .page() не является исправлением для применения стиля после добавления кнопки в DOM.