Javascript 启动选项卡在单击时移动

我的网站似乎遇到了一个奇怪的问题。当我在主页上，然后单击其中一个选项卡时，它会正常工作。当我尝试从一个其他选项卡单击到另一个选项卡时（在我的示例中，从新闻到节拍，从节拍到新闻，从新闻到主页，从节拍到主页），选项卡的内容会移动/移动一秒钟，然后切换。它从来没有这样做过，它似乎只是突然开始这样做。我只是想知道是否有其他人遇到过这个问题，或者是否有人知道解决方案。以下是我的网站链接：

只是想澄清一下，我所说的是当你进入我的网站，让整个东西加载，然后点击其中一个标签，页面会产生淡入淡出的过渡效果，然后你选择的页面就会出现。如果从主页单击任何选项卡，都可以正常工作。但是，如果您在其他选项卡中被选中，并且您尝试单击其他选项卡，则页面会在转换开始之前进行这种奇怪的收缩操作。我只是想知道是否有人知道如何解决这个问题

---

G-SCO

这是要从活动项中删除的边框。相反，请将其颜色设置为“透明”。您还可以调整填充以适应线条高度的变化

.nav-tabs > .active > a {border: 1px solid transparent;}

---

问题似乎在于，在选项卡内容中，您使用的

span12

元素没有容器

.row

或

.row fluid

元素（这是bootstrap网格系统的重要组成部分），特别是您需要该容器，因为它为浮动的

span

元素提供了一个清晰的修复，但如果您不想更改标记，可以将其添加到CSS中：

.tab-pane:after {
    content: '';
    clear: both;
    display: table;
}

---

使用chrome，工作正常。你使用哪种浏览器？我也使用chrome。我在iPhone上试用了safari，它也做了同样的事情。也许我没有正确地解释我的问题。我要说的是，当你进入我的网站，让整个东西加载，然后点击其中一个标签，页面会产生淡入淡出的过渡效果，然后你选择的页面就会出现。如果从主页单击任何选项卡，都可以正常工作。但是，如果您在其他选项卡中被选中，并且您尝试单击其他选项卡，则页面会在转换开始之前进行这种奇怪的收缩操作。我只是想知道是否有人知道如何解决这个问题谢谢你的快速回复。这实际上很有帮助，但也许我没有正确地解释我的问题。我要说的是，当你进入我的网站，让整个东西加载，然后点击其中一个标签，页面会产生淡入淡出的过渡效果，然后你选择的页面就会出现。如果从主页单击任何选项卡，都可以正常工作。但是，如果您在其他选项卡中被选中，并且您尝试单击其他选项卡，则页面会在转换开始之前进行这种奇怪的收缩操作。我只是想知道是否有人知道如何解决这个问题