在jquery mobile中更新小部件

时间:2011-12-30 09:30:22

标签: jquery jquery-mobile

看起来jquery mobile使用data-XXX标记属性在页面加载时初始化小部件。 例如<a href="#main" data-icon="info" data-role="button">back</a>变成类似的东西

 <a href="#main" data-icon="home" class="managable ui-btn-left ui-btn ui-btn-icon-left  ui-btn-corner-all ui-shadow ui-btn-up-a" data-theme="a">
   <span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
      <span class="ui-btn-text">back</span><span class="ui-icon ui-icon-home ui-icon-shadow">        
      </span>
   </span>
 </a>

如果我动态更改某些data-XXX属性,我想知道如何重新生成该小部件?例如。我将更改data-icon =“delete”,并会看到使用新的数据图标重新生成此小部件。甚至将数据角色从“按钮”更改为其他内容。 有什么办法吗?

1 个答案:

答案 0 :(得分:1)

如果您要向已经存在的页面添加内容或者对现有元素进行更改,则需要在页面上刷新该元素。

Refreshing jQuery Mobile listviews, buttons, select dropdowns, and input fields