首页 > 解决方案 > 它不工作。使用点击切换引导图标,如果其他(JS)

问题描述

当我单击它时,这两个图标应该交换。

这是我使用的代码:

$(document).ready(function() {

$("#navbar-mobile").click(function() {
        $('.view-mobile').slideToggle('fast');
    });
if($('#navbar-mobile').click(function(){
     $('#menu-icons').addClass("glyphicon glyphicon-remove-circle");
    $('#menu-icons').removeClass("glyphicon glyphicon-menu-hamburger");
        }else{
    $('#menu-icons').removeClass("glyphicon glyphicon-remove-circle");
    $('#menu-icons').addClass("glyphicon glyphicon-menu-hamburger");
   }););
});

标签: javascript

解决方案


您可以使用切换类 ref示例

$("#navbar-mobile").click(function() {
       $('#menu-icons').toggleClass('ClassName');
    });

如果您需要 if else 条件,请检查以下代码作为参考

$("#navbar-mobile").click(function() {
    if(  $("#menu-icons").hasClass('main') ){
      alert('yes');
    }else{
      alert('no');
    }
});

推荐阅读