如何使用 jQuery Mobile 有效增强动态添加的内容？

jQuery Mobile：动态添加内容的标记增强

简介

动态添加内容的标记增强动态创建的内容确保其遵循 jQuery Mobile 独特的样式。此过程至关重要，但也占用大量资源，因此建议根据要更新的组件进行选择性增强。

增强级别

存在三个增强级别，按其分类资源消耗：

1. 增强单个组件/小部件
2. 增强页面内容
3. 增强整个页面内容

增强单个组件/小部件

注意：增强方法必须仅在当前/活动中使用 页。动态插入的页面插入 DOM 后，就会对其进行增强。

示例：增强按钮：

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

增强页面内容

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

增强整个页面内容

注意：trigger('pagecreate') 应谨慎使用，因为它存在产生意外副作用的风险。

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

防止标记增强的方法

防止特定标记的增强元素，使用以下方法之一：

方法 1：

data-enhance="false"

方法 2：

data-role="none"

方法3:

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

标记增强问题

错误：“无法在初始化之前调用 listview 上的方法”

解决方案：在增强之前先初始化组件标记：

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

标记覆盖问题

要覆盖默认的 jQuery Mobile CSS 样式，请在 CSS 规则中使用 !important 标志。

示例：

#navbar li {
  background: red !important;
}

以上是如何使用 jQuery Mobile 有效增强动态添加的内容？的详细内容。更多信息请关注PHP中文网其他相关文章！