Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Bootstrapネタです。タブに直接リンクすることがあったのでちょいメモです。まあ、ドキュメント見れば分かりそうなんですが一応です。
ハッシュ名が違う場合の仕方です。ページ遷移してもタブが開いています。直接タブにいく場合のパターンを書きました。
参考になれば幸いです。
スポンサーリンク
タブハッシュ名が違う場合
<script> $(function () { var hash = document.location.hash; var prefix = "tab-"; if (hash) { $('#myTabs a[href='+hash.replace(prefix,"")+']').tab('show'); } $('#myTabs a').on('shown.bs.tab', function (e) { window.location.hash = e.target.hash.replace("#", "#" + prefix); }); }) </script> |
ハッシュ名が同じでタブ前まで移動
<script> $(function () { var hash = document.location.hash; if (hash) { $('#myTabs a[href='+hash+']').tab('show'); } $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { e.target // newly activated tab e.relatedTarget // previous active tab }); }) </script> |