How do I keep the current tab active with twitter bootstrap after a page reload? With typescript?

Question

I want to How do I keep the current tab active with twitter bootstrap after a page reload? with the help of type script.How can i do this.My issue is same as :-

[1]: How do I keep the current tab active with twitter bootstrap after a page reload? but i want to do this typescript.How can i?

You just need to convert answer from that question; from JavaScript to TypeScript. — Harry Joy, Sep 12 '16 at 19:59
but i don't know how to convert it and i am also a new in a typescript . — kapiljain123, Sep 12 '16 at 20:02
Sorry but I am not in the mood to convert it for you. Wait for someone to do it for you or try to learn and figure it out yourself. — Harry Joy, Sep 12 '16 at 20:03
TypeScript is the same a Javascript, but with type annotations. What don't you understand? — SLaks, Sep 12 '16 at 20:10

score 0 · Answer 1 · edited May 23 '17 at 10:29

but i want to do this typescript.How can i

Lucky for you TypeScript is a superset of JavaScript : https://basarat.gitbooks.io/typescript/content/docs/javascript/recap.html

So the code sample from https://stackoverflow.com/a/10524697/390330 works just fine

// for bootstrap 3 use 'shown.bs.tab', for bootstrap 2 use 'shown' in the next line
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    // save the latest tab; use cookies if you like 'em better:
    localStorage.setItem('lastTab', $(this).attr('href'));
});

// go to the latest tab, if it exists:
var lastTab = localStorage.getItem('lastTab');
if (lastTab) {
    $('[href="' + lastTab + '"]').tab('show');
}

NOTE: I didn't use the wrapping function as I hope you are using modules. More : https://basarat.gitbooks.io/typescript/content/docs/project/modules.html

How do I keep the current tab active with twitter bootstrap after a page reload? With typescript?

1 Answers1