如何找到添加事件处理程序的位置？

Question

如果有一个可以执行事件的按钮但是看起来没有设置事件处理程序,我怎么能找到触发器代码？例如,在bootsrap模板中的小部件工具箱按钮.按钮只有一个类,但它们运行良好.

<a href="javascript:;" class="collapse" data-original-title="" title=""></a>

这种崩溃的代码在哪里起作用？

Answer 1

动画崩溃的实际代码是在这个scss 崩溃过渡中

.collapse {
  &:not(.show) {
    display: none;
  }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  @include transition($transition-collapse);
}

......并在此处设置实际转换.

有JavaScript作为记载,切换以下状态之间的阶级状态在这里:

1. .collapse - "下拉"组件的闭合状态和查询以了解应用折叠切换逻辑的要素.

2. .collapsing - 应用css转换的关闭和打开之间的临时状态.

3. .collapse.show - 打开状态的"下拉列表"

我假设javascript逻辑在这里用于显示[data-toggle]=collapse在打开状态下单击元素时的"下拉列表" .然后隐藏"下拉列表"的逻辑在这里.show/hide逻辑只是切换css类以对应上面的状态,然后触发上面的css转换.

请注意点击之间"下拉列表"中类的切换