jQuery Mobile：動態標記增強
簡介
增強動態內容標記對於維護jQuery Mobile 的樣式至關重要。這不僅僅是添加新內容；它需要整合到 jQuery Mobile 的使用者介面中。但是，應該注意的是，過度增強可能會佔用資源，因此需要確定優先順序。
增強等級
-
單一組件/小部件： 應用於單一元素的增強功能，例如按鈕或listview。
-
頁面內容：增強頁面內容區域內的所有標記（不包括頁首或頁尾）。
-
整頁內容：增強所有標記，包括標題、內容和
增強方法
單一組件增強：
-
Listview : $('#mylist').listview('刷新');
-
按鈕: $('[type="button"]').button();
-
導覽列： $('[data-role="navbar"]').navbar();
-
輸入元素： $('[type="text"]').textinput() ;
-
滑桿與翻轉切換開關： $('[type="range"]').slider();
-
複選框與單選框： $('[type="radio"]'). checkboxradio();
-
選擇選單： $('select').selectmenu();
-
可折疊： $('.selector').trigger('create');
-
表格: $(“.selector”).table(“刷新”);
-
面板: $('.selector').trigger('pagecreate');
頁面內容增強功能：
- $('#index').trigger('create');
整頁內容增強功能：
- $('#index').trigger('pagecreate');
防止標記增強
-
方法1: data-enhance="false"
-
方法2: data-role="none"
-
方法3: $ .mobile.page.prototype.options.keepNative = "選擇, input";
故障排除
-
"無法在初始化之前呼叫listview 上的方法":初始化元件在增強之前，例如$('#mylist').listview().listview('refresh');
-
自訂CSS 覆寫不起作用： 使用!important 覆寫預設CSS 樣式。
以上是如何有效增強 jQuery Mobile 中的動態標記？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
