ブートストラップモーダルにブートストラップタブがあります。モーダルを開くと、タブが機能しているように見えます。これは、最初の div タブ コンテンツだけが表示され、他のコンテンツが非表示になっているためです。
しかし、問題があります。タブをクリックするshown
と、モーダルでイベントが発生し、このイベントでこのモーダルのコンテンツをロードしています。このため、タブが何度も読み込まれ、最初のタブが常に選択されたままになります。
ここのモーダル ドキュメント: http://getbootstrap.com/2.3.2/javascript.html#modals
タブのドキュメント: http://getbootstrap.com/2.3.2/javascript.html#tabs
次のようにタブを初期化します。
<script type="text/javascript">
$("#modeTabs a").click(function (e) {
e.preventDefault();
$(this).tab("show");
});
</script>