Пытаться переключить ботстрап Текст кнопки onclick с jquery

Question

У меня есть мобильный навигатор и вы хотите изменить текст кнопки обнуления бутстрапа. Если нажата кнопка «Меню», измените ее на X. Если щелкнуть X, перейдите в «Меню». jsfiddle

$(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

Причина, почему не работает так, как вы хотите, это потому, что он принимает весь текст внутри этой кнопки. Это означает, что для этого требуется «Toggle Navigation MENU». Вам придется избавиться от этого, а также Trim ext, чтобы сравнение работало так, как ожидалось. Что-то еще, чтобы учесть, что буквы Caps не совпадают с строчными буквами. «Меню» и «МЕНЮ» не совпадают с компьютером.

Вот фиксированный код:

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

    }); 
}); 

Oh! И я забыл упомянуть, консоль дала мне ошибку из-за elseif, поэтому я просто разделился на еще, если, который работает как шарм.