Javascript 选项卡切换在多张卡上无法正常工作

Javascript 选项卡切换在多张卡上无法正常工作,javascript,html,jquery,css,bootstrap-4,Javascript,Html,Jquery,Css,Bootstrap 4,我正在创建一个应用程序,它可以生成多张卡片,每张卡片上有3个标签。但标签切换并不像人们想象的那样有效。当在第一张卡上做时,它工作正常,但当我试着按下其他卡的标签时,它只会继续打开第一张卡。我不能把我的头绕在它周围 $(文档)。在('单击','上。导航a',功能(e){ e、 预防默认值(); $(this.tab('show'); }) 项目名称 配料表 配料 配料 配料 配料 营养信息 营养项目 营养项目 营养项目 营养项目 营养项目 营养项目 项目

我正在创建一个应用程序,它可以生成多张卡片,每张卡片上有3个标签。但标签切换并不像人们想象的那样有效。当在第一张卡上做时,它工作正常,但当我试着按下其他卡的标签时,它只会继续打开第一张卡。我不能把我的头绕在它周围

$(文档)。在('单击','上。导航a',功能(e){
e、 预防默认值();
$(this.tab('show');
})

项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目

这是因为使用了类和href,请尝试以下示例:

$(文档)。在('单击','上。导航a',功能(e){
e、 预防默认值();
$(this.tab('show');
})

项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
  • 营养项目
项目名称 配料表
  • 配料
  • 配料
  • 配料
  • 配料
营养信息
  • 营养项目