仅图标后退按钮 jQuery Mobile答案

【问题标题】：Icon only back button jQuery Mobile仅图标后退按钮 jQuery Mobile
【发布时间】：2016-02-18 09:57:17
【问题描述】：

在我的 jQuery Mobile 页面中，我通过使用以下代码 <div data-role="page" data-add-back-btn="true" id="anid"> 以编程方式将我的后退按钮设置为出现在不是第一页的每个页面上，这样做的目的是创建一个后退按钮，其中包含文本回复。但是我不希望我只想要图标。

如何在 jQuery Mobile 中做到这一点

【问题讨论】：

标签： jquery jquery-mobile jquery-mobile-button

【解决方案1】：

工作示例：http://jsfiddle.net/Gajotres/ygmWD/

$(document).on('pagebeforeshow', function () {
    $.mobile.activePage.find(".ui-header a.ui-btn-left").addClass("ui-btn-icon-notext");
    $.mobile.activePage.find(".ui-header a.ui-btn-left").removeClass("ui-btn-icon-left");
});

【讨论】：

【解决方案2】：

你可以这样做。

$(document).on('pagebeforeshow', function () {
 $(this).find('a[data-rel=back]').buttonMarkup({iconpos: 'notext'});
});

Demo

【讨论】：

【解决方案3】：

对我来说，这个很有效：

data-iconpos="notext"

例子：

<a href="#" data-icon="back" data-rel="back" title="Regresar" data-iconpos="notext"></a>

【讨论】：