Converting "this" from jquery to typescript

Question

I have this bit of code which works.

I now want to use it in a typescript app. I still want to use jquery, but I don't understand how to convert the use of this to what Typescript needs to work.

if ($(this).width() < 769) {
    $('body').addClass('page-small');
} else {
    $('body').removeClass('page-small');
    $('body').removeClass('show-sidebar');
}

In typescript, this refers to the current class. What do I replace that with so it works as expected?

You are confusing this context. Assuming that code shown will be inside an event handler this will have context of that callback function — charlietfl
– charlietfl, Commented Jul 2, 2016 at 23:31
Possible duplicate of Substitute Javascript this to Typescript -- this will answer your question. — David Sherret
– David Sherret, Commented Jul 3, 2016 at 2:36

basarat · Accepted Answer · 2016-07-03 03:46:40Z

1

I still want to use jquery, but I don't understand how to convert the use of this to what Typescript needs to work.

Move the function out of the class and call it from the class. Alternatively create a self variable to use both this(class) and this(jquery).

More

https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html#tip-arrow-functions-with-libraries-that-use-this

answered Jul 3, 2016 at 3:46

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Collectives™ on Stack Overflow

Converting "this" from jquery to typescript

1 Answer 1

More

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

More

Comments

Linked

Related