【发布时间】:2011-11-27 18:43:09
【问题描述】:
我在http://tinyurl.com/5wtrau2 上使用 Nivo Slider,但无法让幻灯片在 Webkit、Chrome 或 Safari(mac) 中正常运行。滑块通过将当前图像作为容器的背景图像进行转换,然后随机淡化每个框。看起来背景图片正在重新加载,并且有轻微的停顿。
【问题讨论】:
-
查看您的脚本会有所帮助。你在 $(function(){}); 中调用插件吗?声明以确保所有内容都已加载?
-
将所有的 CSS 和 JavaScript 插件合并到一个大文件中可能会很有效,但不太利于故障排除。当你单独包含各种插件时,你还有这个问题吗?
-
@TommyBs,将脚本包含在
$(function(){});中,与$(document).ready(function(){});相同,不确保“所有内容”都已加载,它只是确保 DOM已加载。如果您想确保所有页面资源(包括图像)都已加载,您可以使用$(window).load(function(){});。 -
谢谢大家。我很确定这个问题与加载没有任何关系,因为它在其他浏览器中运行良好 - 问题似乎只出现在 Chrome 和 Safari 中。 @Sparky672 - 如果我单独包含插件,为什么问题会消失?
-
嗯...我不记得说过问题会消失...我记得问你你是否会看到它们相同.抛开语义不谈,如果您分别包含它们中的每一个,您至少可以更有效、更智能地进行故障排除。例如,您可以一次删除或添加它们,以查看是哪一个导致了问题。您不想知道 Nivo 本身以及您的参数在 Webkit 中是否仍然表现得很好?
标签: jquery google-chrome safari webkit nivo-slider