Nivo 滑块在 fadeIn() jQuery 动画中表现得很奇怪
页面的基本结构（非常简单）是这样的：
<div id="content">
<div id="nivo">
nivo slider here
</div></div>
我正在尝试用类似的东西为#content div设置动画：
$('#content').hide().delay(1500).fadeIn();
它可以工作，但之后，Nivo滑块会做一些奇怪的事情，并且每次加载时都会闪烁白色一个新的形象。
有谁知道出了什么问题吗？它在 WordPress 主题上运行，因此页面结构有点僵化，因此我认为我无法对 .php 文件进行任何广泛的修改（即 nivo 将始终位于内容内）。
The basic structure (VERY dumbed down) of the page is something like:
<div id="content">
<div id="nivo">
nivo slider here
</div></div>
I'm trying to animate the #content div with something like:
$('#content').hide().delay(1500).fadeIn();
It works and all, but afterwards, the Nivo slider does some weird stuff and flashes white everytime it loads a new image.
Anyone know what's wrong? It's running on a wordpress theme so the page structure is kind of rigid so I don't think I can do any extensive modifications to the .php files (i.e. the nivo will always be inside the content ).
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您在哪种浏览器中看到此行为？
我刚刚访问了 Chrome 上的 nivo 网站，使用了 jQueryfy bookmarlet 并在控制台上运行了这一行
，之后滑块出现并按预期显示图像。也许您应该修剪这些元素周围的 CSS 代码，以便检测缺陷。
In which browser do you see this behavior?
I've just went to the nivo site on Chrome, used the jQueryfy bookmarlet and ran this line on the console
And after all the slider appears and shows the images as expected. Maybe you should trim down the css code around those elements of yours, in order to detect the defect.