Bagaimanakah Saya Boleh Meningkatkan Kandungan Ditambah Secara Dinamik dengan Cekap dengan jQuery Mobile?

jQuery Mudah Alih: Peningkatan Penandaan Kandungan Ditambah Secara Dinamik

Pengenalan

Peningkatan kandungan yang dicipta secara dinamik memastikan ia mematuhi jQuery Penggayaan tersendiri mudah alih. Proses ini adalah penting tetapi juga intensif sumber, jadi peningkatan terpilih dinasihatkan berdasarkan komponen yang dikemas kini.

Tahap Peningkatan

Tiga tahap peningkatan wujud, dikategorikan mengikut tahapnya penggunaan sumber:

1. Tingkatkan satu komponen/widget
2. Tingkatkan kandungan halaman
3. Tingkatkan keseluruhan kandungan halaman

Tingkatkan Satu Komponen/Widget

Nota: Kaedah peningkatan mesti digunakan hanya pada semasa/aktif muka surat. Penambahbaikan pada halaman yang dimasukkan secara dinamik akan berlaku setelah ia dimasukkan ke dalam DOM.

Contoh: Mempertingkatkan butang:

$('[type="button"]').button();

Tingkatkan Kandungan Halaman

$('#index').trigger('create');

Tingkatkan Keseluruhan Kandungan Halaman

Awas: trigger('pagecreate') hanya boleh digunakan dengan berhati-hati, kerana ia membawa risiko kesan sampingan yang tidak diingini.

$('#index').trigger('pagecreate');

Kaedah untuk Mencegah Peningkatan Markup

Untuk mencegah peningkatan elemen khusus, gunakan salah satu kaedah berikut:

Kaedah 1:

data-enhance="false"

Kaedah 2:

data-role="none"

Kaedah 3:

$(document).bind('mobileinit',function(){
  $.mobile.page.prototype.options.keepNative = "select, input";
});    

Masalah Peningkatan Markup

Ralat: "tidak boleh memanggil kaedah pada paparan senarai sebelum permulaan"

Penyelesaian: Mulakan komponen sebelum meningkatkan markup:

$('#mylist').listview().listview('refresh');

Masalah Mengatasi Penanda

Untuk mengatasi gaya CSS Mudah Alih jQuery lalai, gunakan bendera !penting dalam peraturan CSS.

Contoh:

#navbar li {
  background: red !important;
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meningkatkan Kandungan Ditambah Secara Dinamik dengan Cekap dengan jQuery Mobile?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!