更新现在工作
现在可以工作了。脚本片段是错误的,甚至没有以某种方式调用。
供将来参考 -> 关闭引导选项卡:
</script>
$("#closetab").click(function() {
$("#myTabContent").hide();
});
</script>
<a href="#" id="closetab">Close</a>
在使用中心标签作为锚文本时要小心。当指向中心标签内的内容 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中可以解决问题,但在 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="#" 的内容时,它在任何浏览器中都不起作用。