根据所有选项卡共有的事件刷新当前选项卡内容



我有一个时间滑块,它对页面中的所有选项卡都是通用的。每个选项卡的内容都加载在一个div元素中。我为每个选项卡的js监听事件/时间滑块的变化的监听器。如果我现在移动时间滑块,页面上的所有选项卡都会刷新。但是,我只想刷新当前选项卡的内容。

tab1.js

timesliderlistener(){
refreshtab1contents();
}

tab2.js

timesliderlistener(){
refreshtab2contents();
}

由于时间滑块对两个选项卡都是通用的,因此在移动它时将调用两个侦听器。如果我在刷新前检查当前选项卡;我失去了下一项的活动。如何保存事件,以便在单击另一个选项卡时也会刷新该事件?

将标签的Id/名称传递给侦听器,并检查它是否为当前标签,如果是,则刷新标签中的内容

最新更新