Jquery Mobile - В диалоге, как изменить значок "удалить" в шапке
У меня есть следующая структура:
<div data-rola="dialog" id="languages" data-close-btn="right"
data-direction="reverse">
<header data-role="header">
<a href="#" id="closeMenu" data-role="button" data-icon="home"
data-iconpos="notext" data-corners="true" data-iconshadow="false">
Close
</a>
<h2>LANGUAGES</h2>
</header>
<section data-role="content">
<ul class="jqm-menu">
<li>
<a href="#" data-role="button" data-iconpos="right"
data-shadow="false" data-wrapperels="div">
Text
</a>
</li>
</ul>
</section>
Я хочу изменить значок диалога "удалить" для значка "стрелка-l", потому что это диалоговое меню является вторым меню, которое появится после отображения общего. И нажатие на этот значок не приведет к закрытию диалога, оно вернется к предыдущему меню.
Может кто-нибудь объяснить мне, как я могу изменить значок?
1 ответ
Решение
Вы можете сделать это с помощью этой строки:
$('#closeMenu').buttonMarkup({ icon: "arrow-l" });
Официальная документация: http://api.jquerymobile.com/button/ поиск по опции "иконка".
РЕДАКТИРОВАТЬ:
Вот рабочий пример jsFiddle: http://jsfiddle.net/Gajotres/nBGMQ/
В нем оригинальные иконки для кнопки назад были дома. Этот код:
$('#previous').buttonMarkup({ icon: "arrow-l" });
изменил его на стрелку-л.
Пример был взят из Omar и его ответ: несколько диалоговых окон jQuery Mobile в одном диалоге