【问题标题】:Nivo Slider not working as it should in WebKit (chrome and safari)Nivo Slider 在 WebKit(chrome 和 safari)中无法正常工作
【发布时间】: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


【解决方案1】:

使用 javascript/jquery 添加幻灯片图像,然后调用 Nivo Slider 似乎是 Windows Safari 的问题。我将图像添加到 html 文件中并解决了问题,但它仍然是 Chrome 的问题

【讨论】:

    【解决方案2】:
    猜你喜欢
    • 1970-01-01
    • 2011-07-28
    • 2021-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-17
    • 1970-01-01
    相关资源
    最近更新 更多