尝试使用 jquery 在单击时切换引导按钮文本

Question

我有一个移动导航，想替换引导折叠按钮的文本。如果单击"菜单"，请更改为 X。如果单击 X，请更改为"菜单"。 斯菲德尔

$(document).ready(function() {
    $('.navbar-toggle').on('click', function () {
        if (matchMedia('(max-width: 767px)').matches) {
        var menu_text = $('.navbar-toggle').text();
            if(menu_text == 'X' ){
                $('.navbar-toggle').text("Menu");
            }
            elseif (menu_text == 'Menu'){
                $('.navbar-toggle').text("X");
            }
        }
    });
});

Answer 1

之所以没有按照您想要的方式工作，是因为它在该按钮内获取所有文本。这意味着它需要"切换导航菜单"。你必须摆脱它，并且修剪ext，以便比较像预期的那样工作。其他需要考虑的是，大写字母与小写字母不同。"菜单"和"菜单"与计算机不同。

这是固定代码：

    $(document).ready(function() {
    $('.navbar-toggle').on('click', function () {
        if (matchMedia('(max-width: 767px)').matches) {
           // alert('ENTERED');
            var temptxt = $('.navbar-toggle span').text().trim();
            $('.navbar-toggle span').text('');
        var menu_text = $('.navbar-toggle').text().trim();
            //alert(menu_text);
            if(menu_text == 'X' ){
                $('.navbar-toggle').text("MENU");
            }
            else if (menu_text == 'MENU'){
                $('.navbar-toggle').text("X");
            }
        }
       $('.navbar-toggle span').text(temptxt); 
    });
});

哦！而且我忘了提到，控制台给了我一个错误，因为 elseif，所以我只是分成了 else if 它像一个魅力一样工作。