Crear botón dinámicamente - JQueryMobile

Question

Cómo crear el botón dinámicamente usando jQuertMobile.

Answer 1

EDITAR: Ahora se hace con un evento que desencadenas.

.trigger('create') 

Detalles y hasta a la fecha de descripción "¿Cómo puedo hacer el trabajo JQM con el contenido que añadir a DOM?" está aquí: http://jquerymobiledictionary.pl/faq.html

Crea y llama al page() en el elemento. Aplicará todos los complementos y estilos de jquery mobile a cualquier elemento que cree.

Answer 2

El enlace de arriba está roto y la solución no funciona para mí.

El código siguiente no funciona:

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

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

se añade el botón y funciona perfectamente sin llamar $('#add2').page(); pero no tiene un estilo jQuery Mobile. Por lo tanto, llamar al .page() no es una solución efectiva para aplicar el estilo después de agregar el botón al DOM.

Answer 3

muy simple:

En primer lugar crear un elemento de jQuery botón HTML por:

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

A continuación, inyectar el botón donde quiera que esté en la página:

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

Y finalmente ejecute el botón() Comando JQuery Mobile en el botón:

button.button(); 

Ya debe tener un botón funcional y con estilo JQM en su página.

Answer 4

simple:

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

aquí ejemplo: jquery mobile create grid dynamically