$('.panel-collapse').on('show.bs.collapse', function () {})详解

发布时间 2023-09-05 16:07:12作者: 小张的开发笔记

$('.panel-collapse').on('show.bs.collapse', function () {}); 这段代码是在使用 jQuery来绑定事件。

  • $('.panel-collapse')部分是一个选择器,它选择了当前页面上所有有panel-collapse这个类的元素。如果你在 HTML 中有这样的元素:<div class="panel-collapse"></div>,那么这些元素都会被选中。

  • .on()是 jQuery 的一个方法,用于在选中的元素上绑定事件。这个方法接受两个参数,第一个是你要绑定的事件名,第二个则是这个事件被触发时要执行的函数。

  • 'show.bs.collapse' 是Bootstrap框架中定义的一个事件。这个事件在一个折叠面板开始展开,但还未完全展开时会被触发。

  • function () {} 是你定义的一个回调函数,这个函数会在 show.bs.collapse 事件被触发时执行。函数里面可以编写你希望在事件触发时执行的 JavaScript 代码。

总的来说,这段代码的含义是:“在页面上所有 panel-collapse 类的元素开始展开,但还未完全展开时,执行我提供的这个函数。”