Layout 我想给';类=活动';带有流星的属性+;语义用户界面

Layout 我想给';类=活动';带有流星的属性+;语义用户界面,layout,semantic-ui,Layout,Semantic Ui,现在,我可以给你一些积极的建议。但是,当用户点击其他菜单时,我不能删除活动 我认为有更好的方法来做到这一点。(例如:没有会话或ID属性) 请帮帮我……这是一个老问题,我也有同样的问题,这很有效,但不是完美的方法。在我的例子中,我有5个元素,所以工作速度很快,但在其他应用程序中,我有300个按钮,在cordova应用程序中,特别是旧平板电脑中,工作速度有点慢 Template.menu.helpers({ 'active': function (e, tmpt) { var active

现在,我可以给你一些积极的建议。但是,当用户点击其他菜单时,我不能删除活动

我认为有更好的方法来做到这一点。(例如:没有会话或ID属性)


请帮帮我……

这是一个老问题,我也有同样的问题,这很有效,但不是完美的方法。在我的例子中,我有5个元素,所以工作速度很快,但在其他应用程序中,我有300个按钮,在cordova应用程序中,特别是旧平板电脑中,工作速度有点慢

Template.menu.helpers({
'active': function (e, tmpt) {
    var active = Session.get('activeMake');
    return active
}
});
Template.menu.events({
'click #home': function (e, tmpt) {
    event.preventDefault();
    var activeAttribute = "active";
    Session.set('activeMake', activeAttribute);
}
});

嗨,莱昂纳多。尝试实现您的答案,但我必须单击两次链接才能使其保持活动状态。不知道为什么。然而,使用下面的软件包,它就像一个魅力-即使有许多按钮
Template.menu.helpers({
'active': function (e, tmpt) {
    var active = Session.get('activeMake');
    return active
}
});
Template.menu.events({
'click #home': function (e, tmpt) {
    event.preventDefault();
    var activeAttribute = "active";
    Session.set('activeMake', activeAttribute);
}
});
Template.yourtTemplateName.events({
    'click .commonClass': function (e, t) {
        $(".commonClass").each(function () {
            console.log(this);
            $(this).removeClass('active')
        });
        $(e.target).addClass('active')
    },
});