adding class using jquery to current target event in meteor

Question

here is my code: basically what im trying to do is , when click event is triggered add a class using jquery to the current target. instead it is throwing undefined.

Template.section3.events({
        "click a.th":function(e,tmp){
            console.log(e.currentTarget);
            e.currentTarget.addClass("selected");
        }
    })

e.currentTarget is the dom element, don't had the method addClass() — Arun P Johny
– Arun P Johny, Commented Oct 2, 2014 at 17:45

stubailo · Accepted Answer · 2014-10-02 19:20:08Z

2

A better pattern would be to use the Session variable or a ReactiveVar to keep track of the selected item, and use a helper to set the class. That way, when Meteor re-renders that part of the page due to a change in data, the class will stay.

edited Oct 2, 2014 at 19:20

answered Oct 2, 2014 at 18:57

stubailo

6,1471 gold badge28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Peppe L-G Over a year ago

If re-rendering is your only concern, using a reactive variable from the package reactive-var is more suitable than using Session.

Boaz Hoch Over a year ago

I think using session would by a waste of cpu and memory usage. Am i wrong?

stubailo Over a year ago

When Meteor updates the view to reflect the new state, it will only change the single class attribute just like the JQuery code above. Using Session to set the class name will not result in the whole template re-rendering.

Collectives™ on Stack Overflow

adding class using jquery to current target event in meteor

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related