jquery - Jquery Mobile - 在对话框中如何更改标题中的“删除”图标

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/搜索选项“icon”。

编辑 ：

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

在其中，后退按钮的原始图标是home。这段代码：

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

将其更改为arrow-l。

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