Crea pulsante dinamico - JQueryMobile

Question

Come creare il pulsante in modo dinamico utilizzando jQuertMobile.

Answer 1

MODIFICA: Ora è fatto con un evento che si attiva.

.trigger('create') 

Dettagli e up-to-date descrizione "come faccio a fare il lavoro jQm con i contenuti che aggiungi alla DOM?" è qui: http://jquerymobiledictionary.pl/faq.html

Creare e quindi chiamare sull'elemento. Applicherà tutti i plugin e gli stili da jquery mobile a qualsiasi elemento che crei.

Answer 2

link qui sopra è rotto e la soluzione non funziona per me.

Il seguente codice non funziona:

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

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

è aggiunto il tasto e funziona perfettamente senza chiamare $('#add2').page(); ma non ha alcun jQuery Mobile styling. Chiamare .page() non è quindi una correzione funzionante per applicare lo stile dopo aver aggiunto il pulsante al DOM.

Answer 3

Molto semplice:

Innanzitutto creare un elemento di JQuery pulsante HTML da:

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

Avanti, iniettare il tasto dove si vuole che sia nella pagina:

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

E infine esegui il comando button() JQuery Mobile sul pulsante:

button.button(); 

Dovresti avere un pulsante in stile JQM e funzionale nella tua pagina.

Answer 4

Semplice:

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

qui Esempio: jquery mobile create grid dynamically