Bootstrap选项卡:ios chrome中的奇怪行为

时间:2013-06-14 16:42:35

标签: jquery ios google-chrome twitter-bootstrap

我注意到我的iOS Chrome浏览器中的bootstrap tab插件非常奇怪。当我单击选项卡一次 - chrome显示其加载栏(地址栏下的蓝线)时,我点击其他选项卡 - 栏是隐藏的。我再次单击选项卡 - 该栏显示。查看附件。所有选项卡都没有任何ajax加载的内容。最新版本。

可能有同样的问题吗?

谢谢

enter image description here enter image description here enter image description here

1 个答案:

答案 0 :(得分:1)

您可以尝试通过在文档中添加此链接来阻止链接的默认行为。

$('ul.classOfUlTab li a').click(function(e) {
    e.preventDefault();
});

这样可行,因为会阻止推送到网址的#nnn(当前标签的ID)(因此再次显示地址栏)。

我现在想到的唯一缺点是#nnn不会在网址上更新。在刷新页面时,不记得选项卡是否加载了正确的选项卡,但如果确实如此,则会丢失该功能(这会使浏览器的“后退”转到上一个选项卡)。