jquery - Bootstrap 选项卡 : strange behaviour in ios chrome

Question

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

也许有人有同样的问题？

谢谢

Answer 1

您可以通过将其添加到准备好的文档中来尝试阻止链接的默认行为。

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

这会起作用，因为会阻止将 #nnn(当前选项卡的 ID)推送到 URL(从而再次显示地址栏)。

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