1回答

好帮手慕久久

2020-10-08

同学你好，问题解答如下：

this.$panels指的是“.floor”下的所有tab-panel:

当点击下图箭头所指的选项卡按钮时，会对应显示第一张图红框中的tab-panel中的某一个：

而每一个tab-panel的显示和隐藏的过程，会对应触发show、shown、hide、hidden这四个事件，因此this.$panels.on('show shown hide hidden', function (e) {}）就是监听这四个事件，监听到这四个事件中的某一个时，再使用self.$elem.trigger对外转发事件（self.$elem就是“.floor”），如下：

我们可以打印帮助理解一下：

将事件转发出来后，就可以在$floor上，监听到哪个tab-panel显示了，哪个tab-panel隐藏了：

因此同学截图中的代码，就是为了在“.floor”上，能够监听到哪个tab-panel显示了、哪个tab-panel隐藏了，同学尝试理解一下。

如果我的回答帮到了你，望采纳，祝学习愉快！

0