Jquery Mobile - 在对话框中如何更改标题中的 "delete"图标

Question

我有以下结构:

<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”图标，因为该对话框菜单是显示常规菜单后出现的第二个菜单。单击该图标不会关闭对话框，而是返回到上一个菜单。

谁能解释一下如何更改图标？

Answer 1

你可以用这一行来做到这一点:

$('#closeMenu').buttonMarkup({ icon: "arrow-l" });

官方文档:http://api.jquerymobile.com/button/搜索选项“图标”。

编辑:

这是一个有效的 jsFiddle 示例:http://jsfiddle.net/Gajotres/nBGMQ/

其中，后退按钮的原始图标是主页。这段代码:

$('#previous').buttonMarkup({ icon: "arrow-l" });

将其更改为箭头-l。

示例取自 Omar 及其答案: jQuery Mobile Multiple Dialog Boxes in One Dialog