質問: bootstrapでタブをクリックしたらAjax機能で画面遷移せずにデータを表示したいです。 ``` ホーム メニューA メニューB スライドによる学習 スライドを見て知識を習得します。 図を用いた説明により、直感的理解をすることができます。 自分のスピードで学習ができ、必要な時にいつでも見返すことが出来ます。 オンラインエディタでの演習 スライドで得た知識をオンラインエディタでの演習によって身につけます。 プログラミングはコードを書くことによってはじめて上達します。 インストラクションに従ってコーディングしていきましょう。 プレビューで結果を確認 エディタに書いたコードの結果をすぐに確認することができます。 これにより自分の書いたコードにより何が起きたのかを理解しながら 進めることが出来ます。 ```
回答: Bootsrapのtabコンポーネントは、タブ形式の表示と、JavaScript(jQuery)を使った機能に分割しています。 公式サイトのサンプルコードでは、 ``` $('#myTabs a').click(function (e) { e.preventDefault() $(this).tab('show') }) ``` となっています。これは tabコンポーネントを構成している divが id="myTabs" で記載されていることが必要です。 そのため、 ``` ``` を ``` ``` としましょう。