jQM无文本返回按钮

jQM Back Button with notext howto?

本文关键字：按钮 返回 文本 jQM      更新时间：2023-09-26

我的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");
});

请帮忙，谢谢。

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

这个答案适用于jQuery Mobile 1.3及以下版本。

我使用了Omar的建议:

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

谢谢。

相关文章：