Javascript jQuery单击事件不发生'；你不能正常工作吗？我该怎么写？

我做了一个下拉菜单！它应该是这样工作的-当下拉列表展开时，父级应该有一个V形向上图标，当下拉列表折叠时，父级应该有一个V形向下图标。我执行下面的代码，但它不能正常工作。为什么?

HTML:

$（'.property trig mobile a'）

上的单击事件适用于这两种情况，锚定为

.chev

类和不锚定为

.chev

类

您应该修改选择器，如

$（'.property trig mobile a:not（.chev））

代码：

---

您可以使用rotate添加一个类，并按如下所示在其上进行切换：

css:

jquery：

$('.property-trig-mobile a').on('click',function(){
    $(this).toggleClass('chev');
    $('.ul-dropdown-mobile').slideToggle(200);
    $('.chevron-trig').toggleClass('rotate');

});

您可以看到代码层次：

$（'.property trig mobile>a'）

？？？或

$（'.property trig mobile a:not（.chev））

第一次单击处理程序的属性。但是如果你定义了

它不能正常工作

，那么就更容易看到你期望的是什么，确切地说是什么“不能正常工作”？下拉列表是否显示/隐藏？是否添加/删除V形？出于某种原因，您有两个执行不同操作的单击处理程序。

$('.property-trig-mobile a').on('click',function(){
            $(this).toggleClass('chev');
            $('.ul-dropdown-mobile').slideToggle(200);
            $('.chevron-trig').addClass('fa-chevron-up').removeClass('fa-chevron-down');

        });

        $('.property-trig-mobile a.chev').on('click',function(){
            $('.chevron-trig').addClass('fa-chevron-down').removeClass('fa-chevron-up');

        });

$('.property-trig-mobile a:not(.chev)').on('click', function () {
    $(this).toggleClass('chev');
    $('.ul-dropdown-mobile').slideToggle(200);
    $('.chevron-trig').addClass('fa-chevron-up').removeClass('fa-chevron-down');

});

$('.property-trig-mobile a.chev').on('click', function () {
    $(this).toggleClass('chev');
    $('.chevron-trig').addClass('fa-chevron-down').removeClass('fa-chevron-up');

});

.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

$('.property-trig-mobile a').on('click',function(){
    $(this).toggleClass('chev');
    $('.ul-dropdown-mobile').slideToggle(200);
    $('.chevron-trig').toggleClass('rotate');

});