今すぐ動作する更新
今それが機能するようになりました。スクリプトスニペットが間違っていて、どういうわけか呼び出されませんでした。
今後の参照用->ブートストラップタブを閉じるには:
</script>
$("#closetab").click(function() {
$("#myTabContent").hide();
});
</script>
<a href="#" id="closetab">Close</a>
また、アンカーテキストにcenter-TAGを使用する場合は注意が必要です。中央のTAG内のコンテンツのIDを指すと、js/jqueryにねじ込まれます。
Bootstrap Tabs(http://twitter.github.com/bootstrap/javascript.html#tabs)を少し変更したbootstrap-tab.jsを使用して、ホバーにタブを表示しています。
$(function () {
$('body').on('hover.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
e.preventDefault()
$(this).tab('show')
})
})
次に、これらのタブを手動で閉じる方法を追加したいと思います。Chrome / Mozilla / Operaではうまくいくが、IEではうまくいかないコードスニペットをどこかで見つけました。
<script>
$('a[href="#closetab"]').on('click',function(){
$("#flyout_tab").hide();
});
</script>
と
<a href="" id="closetab">Close</a>
IEでは、閉じるボタンをクリックすると、サイトが存在するディレクトリのルートに移動します。
IEが空のahref(a href = "")を処理する方法と関係があると思います。href = "#"のようなものを入れると、どのブラウザでも機能しません。