如何在页面重新加载后使用twitter bootstrap保持当前选项卡处于活动状态？打字稿？

Question

我想如何在页面重新加载后使用twitter bootstrap保持当前标签处于活动状态？在脚本类型的帮助下。我怎么能这样做。我的问题与： -

相同

[1]：How do I keep the current tab active with twitter bootstrap after a page reload?但我想做这个打字稿。我怎么样？

Answer 1

  

但我想做这个打字稿。我怎么能

幸运的是，TypeScript是JavaScript的超集：https://basarat.gitbooks.io/typescript/content/docs/javascript/recap.html

因此https://stackoverflow.com/a/10524697/390330的代码示例正常

// 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');
}

注意：我没有使用包装功能，因为我希望您使用的是模块。更多：https://basarat.gitbooks.io/typescript/content/docs/project/modules.html