javascript - 元素消失，直到我将鼠标悬停在它们上方（Chrome）

Question

我正在使用 flatstrap（推特引导程序的扁平化版本）。我有一个简单的堆叠导航选项卡，每个选项卡 url 设置为 #option1 等。然后我将 ID 设置为与选项卡相同的选项。

因此，当我单击一个选项卡时，它会将我带到页面上的那个位置。现在这实际上正在工作，但在 chrome 上，我顶部的固定导航栏和左侧的选项卡消失了，直到我将鼠标悬停在它们上方。在 IE 和 Firefox 中一切正常。

过去几个小时我一直在研究这个问题，但似乎找不到问题，这是一个错误还是我遗漏了一些明显的东西？

该页面位于http://www.385studios.co.uk/asset/page.html

Answer 1

您的页面上出现 javascript 错误。无法检查，但也许这就是问题所在。在您的 html 文档的末尾有以下代码：

function allCheckboxesToggle(source) {
  checkboxes = document.getElementsByName('customCheckbox');
  for(var i in checkboxes)
  checkboxes[i].checked = source.checked;
}

它应该是：

function allCheckboxesToggle(source) {
  checkboxes = document.getElementsByName('customCheckbox');
  for(var i in checkboxes)
  checkboxes[i].checked = source.checked;
}