0

更新现在工作

现在可以工作了。脚本片段是错误的,甚至没有以某种方式调用。

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

</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="#" 的内容时,它在任何浏览器中都不起作用。

4

1 回答 1

0

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

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

由于上面的代码不起作用,请尝试将脚本更改为:

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