MeteorJS让课程具有点击状态

假设我在工具栏上有5个链接，并且页面中间有一个表格。MeteorJS让课程具有点击状态

enter image description here

截至目前我打算使之成为一个单页的应用程序。当我点击左侧的链接（从娱乐节目到所有节目）时，我希望将其突出显示，例如左侧的所有链接。然后表格的内容将根据左侧突出显示的链接进行更改。例如：如果我点击娱乐，则只会显示娱乐类别。

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

你会如何在MeteorJS中实现它？我只能找出如何用jQuery实现它

来源

2015-02-23 William Bing Hua

MeteorJS在浏览器端包含jQuery。如果您加载jquery-ui包装程序包，jQuery-ui选项卡式浏览在meteorJS中起作用。 – Paul 2015-02-23 17:21:05

我假设jQuery-ui标签式浏览是不同的页面显示你点击的标签？我想我的问题是真的，我应该使用jQuery还是有办法在Meteor中做到这一点？ – 2015-02-23 17:24:52

这可能有助于：http://stackoverflow.com/questions/27868594/creating-active-navigation-state-with-meteor-and-iron-router/27869872#27869872 – 2015-02-23 17:25:06

一个是流星提供好话是会话变量，改变和访问通过类似：

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

流星会自动设置为监听Session变量并更新你的模板辅助函数，当他们改变，因此，所有你所要做的就是设置你的HTML有一个类等于一个辅助功能：

<a class={{isActive}}>

然后帮手会是这样的：

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

（或者它是你将链接信息存储在每个链接的数据上下文中）。

来源

2015-02-23 17:28:33

MeteorJS让课程具有点击状态

回答

相关问题