Question

立即更新工作

现在就开始工作了。脚本片段错误，甚至没有以某种方式调用。

供将来参考 - ＆gt;关闭引导标签：

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


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

使用center-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中，当我点击关闭按钮时，它会将我发送到该网站所在的directoy的根目录。

我想这与IE处理空href（a href =“”）的方式有关。当我把类似href =“＃”的内容放在任何浏览器中时都无法使用。

Answer 1

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

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

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

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

Twitter Bootstrap手动关闭标签页

立即更新工作

1 个答案: