jquery - slider 在屏幕上闪烁并加载奇怪

Question

我正在 build 这个网站，这对我来说很棘手。它的导航设计方式、透明的 Logo /搜索栏区域以及其背后的 slider 使其变得艰难。当您加载页面时，您会注意到 slider 页面顶部的按钮和文本最初并未加载。一秒钟后，它们出现了，第一张幻灯片图像闪回到屏幕上。如果你滚动到页面的最底部，你可以看到按钮和文本加载在那里，然后向上移动到预期的位置。我似乎总是对屏幕上闪烁的第一张幻灯片有疑问。知道发生了什么事吗？

http://new.townofbargersville.org/

注意:我使用的是 Chrome。在 Safari 中，按钮和文本甚至不会显示，直到第二张幻灯片进入。

Answer 1

当您开始调用 flexslider 时，代码会移动 ul.slides成为容器的最后一个元素 ( div#banner )。这就是为什么您会在几秒钟后看到它。如果你不调用它——你永远不会看到 div#banner-contact 的内容，因为它是绝对定位的，并且在它上面还有另一层(ul.slides)。容器div#banner高度为 634px和 overflow: hidden所以下面的任何内容都将被隐藏。

为了使其正常工作，您只需更改元素的顺序即可。移动<ul class="slides">在 <div id="banner-content"> 下