Question

我的jQM应用程序，我添加了“$ .mobile.toolbar.prototype.options.addBackBtn = true;”在每个页面上自动显示后退按钮（第一页除外）。

我的问题是，如何设置后退按钮的“notext”仅显示图标？

我尝试了这个，但它不起作用：

$(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");
});

请帮助，谢谢。

Answer 1

自jQuery Mobile 1.4起，.buttonMarkup()函数已弃用，将在1.5中删除。相反，在pagecreate上，将默认类ui-btn-icon-left替换为ui-btn-icon-notext。

$(document).on("pagecreate", function (e) {
    $("[data-rel=back]", e.target)
        .toggleClass("ui-btn-icon-left ui-btn-icon-notext");
});

此answer适用于jQuery Mobile 1.3及更低版本。

<强> Demo

Answer 2

我使用奥马尔的建议完成了它：

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

感谢。

jQM后退按钮没有文字怎么样？

2 个答案: