Meteor 使类在单击时具有状态当我在工具栏上有5个链接时，在页面中间有一个表。_Meteor

Meteor 使类在单击时具有状态当我在工具栏上有5个链接时，在页面中间有一个表。

meteor

Meteor 使类在单击时具有状态当我在工具栏上有5个链接时，在页面中间有一个表。,meteor,Meteor,从现在起，我计划把它做成一个单页应用程序。当我点击左边的链接（比如从娱乐到所有）时，我希望它被突出显示，比如左边的所有链接。然后，该表的内容将根据左侧突出显示的链接进行更改如果我点击娱乐，只会显示有娱乐的类别突出显示的状态是由于该特定div具有“active”类您将如何在MeteorJS中实现这一点？我只知道如何用JQuery实现它，Meteor提供的一个好东西是会话变量，可以通过以下方式更改和访问： Session.set('activeLink', 'All') Session.get

从现在起，我计划把它做成一个单页应用程序。当我点击左边的链接（比如从娱乐到所有）时，我希望它被突出显示，比如左边的所有链接。然后，该表的内容将根据左侧突出显示的链接进行更改

如果我点击娱乐，只会显示有娱乐的类别

突出显示的状态是由于该特定div具有“active”类

您将如何在MeteorJS中实现这一点？我只知道如何用JQuery实现它，Meteor提供的一个好东西是会话变量，可以通过以下方式更改和访问：

Session.set('activeLink', 'All')
Session.get('activeLink')

Template.navLink.helpers({
    "isActive": function() {
          if (Session.get('activeLink') === Template.currentData().linkText) { 
              return "activeLink"
          }
    }
})

Meteor会自动设置为侦听会话变量，并在模板辅助函数发生更改时更新它们，因此您只需将HTML设置为具有与辅助函数相等的类：

<a class={{isActive}}>

（或者，您正在将链接信息存储在每个链接的数据上下文中）。

MeteorJS在浏览器端包括jQuery。如果加载jQueryUI包装包，jQueryUI选项卡式浏览可以在meteorJS中工作。我假设jQueryUI选项卡式浏览是您单击的选项卡显示不同页面的地方？我想我的问题是，我应该使用jQuery还是在Meteor中有这样做的方法？这可能会有帮助：是的，William。我不知道你应该试试哪一种。虽然可能不是一个理想的例子，但我有一个meteor/jquery ui项目，如果您想比较外观或查看某些特定代码，代码在github上的drpaulbrewer/meteor satchat下。