Обновление виджета в jQuery mobile

Question

Похоже, что jquery mobile инициализирует виджеты при загрузке страницы с использованием атрибутов tag-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> 

Я хотел бы знать, как повторно генерировать этот виджет, если я динамически изменять некоторые атрибуты данных XXX? Например. Я бы изменил data-icon = "delete" и увидел бы, что этот виджет будет сгенерирован с использованием нового значка данных. Или даже изменение роли данных с «кнопки» на что-то другое. Есть ли какой-нибудь способ?

Answer 1

В случаях, когда вы добавляете что-то на страницу, которая еще не была там или когда вы вносите изменения в существующий элемент, вам необходимо обновить этот элемент на странице.

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