Pertanyaan Buat Tombol Secara Dinamis - JQueryMobile


Cara membuat tombol secara dinamis menggunakan jQuertMobile.


8
2017-12-28 04:32


asal


Jawaban:


Sangat sederhana:

Pertama buat tombol HTML elemen JQuery dengan:

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

Selanjutnya, masukkan tombol di mana pun Anda ingin berada di halaman:

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

Dan akhirnya jalankan tombol () perintah JQuery Mobile pada tombol:

button.button();

Anda harus memiliki tombol fungsional dan bergaya JQM di halaman Anda sekarang.


10
2017-09-02 19:02



EDIT: Sekarang selesai dengan acara yang Anda picu.

.trigger('create')

Detail dan uraian terbaru "Bagaimana cara membuat JQM berfungsi dengan konten yang saya tambahkan ke DOM?" di sini: http://jquerymobiledictionary.pl/faq.html

Buat dan kemudian telepon page() pada elemen. Ini akan menerapkan semua plugin dan gaya dari ponsel jquery ke elemen apa pun yang Anda buat.


8
2018-01-03 11:54



Sederhana:

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

contoh di sini: jquery seluler membuat jaringan secara dinamis


2
2018-03-01 10:56



Tautan di atas rusak dan solusi tidak bekerja untuk saya.

Kode berikut tidak berfungsi:

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

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

Tombol ditambahkan dan berfungsi sempurna tanpa menelepon $('#add2').page(); tetapi tidak memiliki gaya JQuery Mobile. Panggilan .page() Oleh karena itu bukan memperbaiki bekerja untuk menerapkan styling setelah menambahkan tombol ke DOM.


0
2017-09-02 18:31