Javascript 当tab bootstarp处于活动状态时，如何更改标题文本？

我的页面有一个选项卡bootstarp和一个标题，我想通过单击选项卡来更改页面标题，但我的jquery代码无法正常工作

$document.body.on'click'，'s.chooseChangePass li a'，function e{ 如果$chPass.hasClassactive处于活动状态{ $TitlePage.htmlchange密码； }否则{ $TitlePage.htmlchange用户名； } 如果$chUserName.hasClassactive处于活动状态{ $TitlePage.htmlchange用户名； }否则{ $TitlePage.htmlchange密码； } }; 更改密码 更改用户名 更改密码

---

您缺少切换活动类的代码。添加bootstrap.min.js文件。此外，代码中的else语句是多余的

更改选项卡后更改页面标题的正确方法是使用。您需要侦听show.bs.tab事件

下面是Bootstrap 4.1.3的工作示例：

请务必查找您正在使用的Boostrap版本的文档，因为版本3和版本4之间有重大更改。若您计划在同一页面上有更多选项卡组，请将选项卡选择器更改为命名

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $('#page-title').html(e.target.text);
});