Javascript 使用Meteor更改选项卡

我遇到了麻烦，因为我试图使用Meteor更改的选项卡无法正常工作。我有相同的代码，只使用HTML+CSS引导+jQuery，效果很好。但当我把它放到我的Meteor应用程序中时，标签并没有正确更改，当我按下第一个标签上的“下一步”按钮时，标签只会更改一次

我看不出有什么解决办法。这是我不使用Meteor的代码：

$'.btnNext'。单击函数{ $'.nav tabs>.active'.next'li'.find'a'.trigger'click'； }; $'.btnPrevious'。单击函数{ $'.nav tabs>.active.prev'li.find'a.trigger'click'； }; 下一个 下一个 以前的 以前的

---

我猜问题在于引导程序在第一次运行时会自动在data toggle=tab的元素上添加事件处理程序。Meteor在引导程序运行后呈现选项卡，这意味着它们不会自动实例化

这意味着你需要自己去做。有这样一个例子：

$('#myTabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})

对于您的示例，这意味着替换。在事件中单击.tab“显示”：

Template.nameTemplate.events({
  "click .btnNext": function(e){
    $(".nav-tabs > .active").next("li").find("a").tab("show");
  }
});