Przycisk Utwórz dynamicznie - JQueryMobile

Question

Jak utworzyć przycisk dynamicznie za pomocą jQuertMobile.

Answer 1

EDYCJA: Teraz odbywa się wydarzenie, które wyzwoli.

.trigger('create') 

Szczegóły i aktualny opis "Jak sprawić, aby JQM działał z zawartością dodawaną do DOM?" jest tutaj: http://jquerymobiledictionary.pl/faq.html

Utwórz go, a następnie zadzwoń pod numer page() na elemencie. Zastosuje wszystkie wtyczki i style z jquery mobile do dowolnego elementu, który utworzysz.

Answer 2

Powyższy link jest uszkodzony i rozwiązanie nie działa dla mnie.

Poniższy kod nie działa:

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

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

Przycisk dodaje i działa doskonale bez wywoływania $('#add2').page(); ale nie ma stylizacji JQuery mobilnych. Wywołanie .page() nie jest zatem poprawką roboczą do stosowania stylizacji po dodaniu przycisku do DOM.

Answer 3

Bardzo prosta:

Najpierw utwórz przycisk HTML JQuery elementu przez:

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

Następnie wstrzyknąć przycisk gdziekolwiek chcesz go mieć na stronie:

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

I na koniec uruchom przycisk() Komendy JQuery Mobile na przycisku:

button.button(); 

Powinieneś już mieć na stronie funkcjonalny przycisk w stylu JQM.

Answer 4

Proste:

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

tutaj przykład: jquery mobile create grid dynamically