jquery第一次单击,第二次单击,第一次单击,第二次单击

jquery第一次单击,第二次单击,第一次单击,第二次单击,jquery,css,Jquery,Css,我想弄清楚,第一次点击后,如何将一个名为active\u img的类添加到元素中,第二次点击删除第一个类,并添加一个名为reverse\u img的类,以及循环中类似的位置。所以,在每一次奇数点击中,元素都会得到类的活动,而在每一次偶数点击中,元素都会得到类的反向。 这是我在jquery中所做的,但是如果我在那里添加第二个类,它就不起作用了 $('.menu').click(function() { if ($('.menu_img').hasClass('active_img'))

我想弄清楚,第一次点击后,如何将一个名为active\u img的类添加到元素中,第二次点击删除第一个类,并添加一个名为reverse\u img的类,以及循环中类似的位置。所以,在每一次奇数点击中,元素都会得到类的活动,而在每一次偶数点击中,元素都会得到类的反向。 这是我在jquery中所做的,但是如果我在那里添加第二个类,它就不起作用了

  $('.menu').click(function() {
    if ($('.menu_img').hasClass('active_img')) {
      $('.menu_img').removeClass('active_img');
    } else {
        $('.menu_img').addClass('active_img');
    }
});
html

答案:D

您可以查看

这将每隔单击一次打开和关闭该类

$('.menu').click(function() {
    $('.menu_img').toggleClass('active_img');
});
你可以调查

这将每隔单击一次打开和关闭该类

$('.menu').click(function() {
    $('.menu_img').toggleClass('active_img');
});
我认为这应该行得通。或者

$('.menu').click(function() {
    var menuImage = $('.menu_img');
        menuImage.toggleClass('active_img');
        menuImage.toggleClass('reverse_img');
    }
});
如果页面最初总是使用适当的类加载

我认为这应该行得通。或者

$('.menu').click(function() {
    var menuImage = $('.menu_img');
        menuImage.toggleClass('active_img');
        menuImage.toggleClass('reverse_img');
    }
});

如果页面最初总是使用适当的类加载。

首先将反向img类添加到HTML中,并使用以下脚本:

$('.menu').click(function() {
($('.menu_img').toggleClass('active_img'));
($('.menu_img').toggleClass('reverse_img'));

})

首先将reverse\u img类添加到HTML中,然后使用以下脚本:

$('.menu').click(function() {
($('.menu_img').toggleClass('active_img'));
($('.menu_img').toggleClass('reverse_img'));

})

查看一下.toggleClass请包含HTML,不确定问题是您没有引用$this还是其他内容。你可以通过点击编辑器中的图标来创建一个工作堆栈代码段。哦,对不起,我忘了,在css中,如果我将鼠标悬停在菜单上,我就有了它。菜单会发生一些事情。请看一看。toggleClass请包括HTML,不确定问题是你没有引用$this还是其他什么。你可以通过点击编辑器中的图标来创建一个工作堆栈代码段。哦,对不起,我忘了,在css中,如果我将鼠标悬停在菜单上,我会看到它。菜单\u img但他们说它不工作,我认为您的解决方案更好,但它基本上与OP的代码做相同的事情。它与我的代码做完全相同的事情:D,但更少code@SenTisso请为您的html代码发布更多上下文,更多js@SenTisso这就是为什么我要求你在你的帖子中添加更多细节:但他们说这不起作用,我认为您的解决方案更好,但它基本上与OP的代码做相同的事情。它与我的代码做完全相同的事情:D,但更少code@SenTisso请为您的html代码发布更多上下文,更多js@SenTisso这就是为什么我要求你在你的帖子中添加更多细节:所以我在menu img中添加了html中的reverse\img,第二种方法有效:D thxso我在menu img中添加了html中的reverse\img,第二种方法有效:D thxso我在menu img中添加了html中的reverse\img,它起作用了,thx:Dso我在menu img中添加了html中的reverse\img,它起作用了,thx:D