Düğme Oluştur dinamik olarak - JQueryMobile

Question

Düğme jQuertMobile kullanarak dinamik olarak nasıl oluşturulur.

Answer 1

DÜZENLEME: Artık tetiklediğiniz bir etkinlikle bitti. yukarı güncel açıklaması

.trigger('create') 

Detaylar ve "Ben içerikle JQM çalışması yapmak nasıl DOM eklemek?" burada: Oluşturun ve öğeye page() numaralı telefonu arayın. Tüm eklentileri ve stilleri jQuery mobilden oluşturduğunuz herhangi bir öğeye uygular.

Answer 2

Bağlantı bozuk ve çözüm benim için çalışmıyor.

Aşağıdaki kod çalışmaz:

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

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

butonu eklendi ve $('#add2').page(); uğramadan mükemmel çalışıyor ama hiç JQuery Mobil stil vardır. Bu nedenle, .page() numaralı telefonu aramak, DOM'a düğmeyi ekledikten sonra stil uygulamak için bir çalışma düzeltmesi değildir.

Answer 3

Çok basit:

İlk bir düğme HTML JQuery öğesi oluşturun:

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

Ardından, sayfanın olmak istediğiniz yere düğmesine enjekte:

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

Ve nihayet düğme üzerindeki() JQuery Mobile komutunu (

button.button(); 

Sayfanızda şu anda işlevsel ve JQM tarzı bir düğmeniz olmalıdır.

Answer 4

Basit: Burada

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

örnek: jquery mobile create grid dynamically