0

今すぐ動作する更新

今それが機能するようになりました。スクリプトスニペットが間違っていて、どういうわけか呼び出されませんでした。

今後の参照用->ブートストラップタブを閉じるには:

</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 = "#"のようなものを入れると、どのブラウザでも機能しません。

4

1 に答える 1

0

次のように、href プロパティに「closetab」を入れてみてください。

<a href="#closetab">Close</a>

上記のコードは機能しないため、スクリプトを次のように変更してみてください。

<script>
    $('#closetab').on('click',function(){
        $("#flyout_tab").hide();
    });
</script>
于 2012-05-04T05:14:23.233 に答える