2

私はJavaScriptの初心者ですが、この質問への回答をどのように実装すればよいのでしょうか。

Twitterブートストラップタブ：ページの再読み込みまたはハイパーリンクの特定のタブに移動します

タブが配置されているのと同じページでこのコードを使用したい...

  <script type="text/javascript">
    // Javascript to enable link to tab
    var url = document.location.toString();
    if (url.match('#')) {
      $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
    } 

    // Change hash for page-reload
    $('.nav-tabs a').on('shown', function (e) {
      window.location.hash = e.target.hash;
    })
  </script>

タブを含むページ内のどこにこれを接続する必要があります。

繰り返しになりますが、そのような初心者であることをお詫びします。

4

2 に答える 2

4

ブートストラップ3ソリューション：

<script type="text/javascript">
$(function() {
  // Javascript to enable link to tab
  var url = document.location.toString();
  if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
  }

  // Change hash for page-reload
  $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
    window.location.hash = e.target.hash;
  });
});
</script>
于 2013-10-18T00:53:22.810 に答える
1

$(document).ready()関数でコードをラップしてみてください

$(document).ready(function() {
 //your code here...
});

DOMは実行時に準備ができていないため、上記のものは機能しません。この$(document).ready()関数を使用すると、domがロードされるまで実行が遅延します。タブを含むページのほぼどこにでも移動できます。headセクション内に入れるべきだと考える人もいれば、最後に入れるべきだと考える人もいます。しかし、それに関するより詳細な回答については、ここを読んでください：$（document）.ready（）はどこに置くのですか？

参照：http ：//docs.jquery.com/Tutorials：Introducing_ $（document）.ready（）

于 2013-03-13T00:32:32.900 に答える