Twitter Bootstrap 手动关闭标签页

Question

更新工作中

现在可以使用了。脚本 sn-p 错误，甚至没有以某种方式调用。

供将来参考 -> 关闭引导选项卡：

</script>
$("#closetab").click(function() {
$("#myTabContent").hide();
});
</script>


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

在使用中心标签作为锚文本时要小心。当指向中心 TAG 内的内容 ID 时，它会与您的 js/jquery 发生冲突。

---

我正在使用 Bootstrap 选项卡 (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 中找到了一个代码 sn-p 但在 IE 中没有：

<script>
$('a[href="#closetab"]').on('click',function(){
$("#flyout_tab").hide();
});
</script>

和

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

在 IE 中，当我单击关闭按钮时，它会将我发送到站点所在目录的根目录。

我想这与 IE 处理空 a href (a href="") 的方式有关。当我输入类似 href="#" 的内容时，它无法在任何浏览器中使用。

Answer 1

尝试将“closetab”放在 href 属性中，如下所示：

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

由于上述代码不起作用，请尝试将脚本更改为：

<script>
    $('#closetab').on('click',function(){
        $("#flyout_tab").hide();
    });
</script>