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 в одном диалоге

Другие вопросы по тегам