幻灯片在Google Chrome中无法正常显示

Question

我在Slide Deck上安装了免费版Wordpress website，一个jQuery滑块。

它在Internet Explorer 8和Firefox 5中显示正常，但在Google Chrome中无法正常滑动或显示。

在Chrome中，滑块会合并到其下方的内容中。

在IE8＆amp; FF5，滑块下方有空白区域，对应于图像通常显示的位置，如果它们不在滑块中。

（联系信息显示在IE8和FF5中的图像下方，未与Chrome重叠）

如果我将滑块放在高度等于1个图像高度的div中，它会修复IE8中的空白区域。 FF5，但Chrome中的问题加倍。

为什么Chrome不喜欢这个？

Answer 1

如果再次访问该网站，它实际上可以正常工作。

上述行为的原因是滑块脚本（$('.slidedeck')...）根本没有初始化。这与JavaScript被禁用的情况相同。

如果您在Google Chrome的开发人员工具中查看控制台面板，您会看到以下消息：

  

不安全的JavaScript尝试使用网址http://s7.addthis.com/static/r07/sh46.html#iit=1311067124513&cb=0&ab=-&dh=www.louisbaxters.com.au&dr=&du=http%3A%2F%2Fwww.louisbaxters.com.au%2F&dt=Louis%20Baxter%C2%A0%7C%C2%A0Coffee%20in%20Subiaco&inst=1&lng=en-GB&pc=wpp&pub=ra-4e25011e4930aecb&ssl=0&sid=4e254bf4fe18466d&srd=1&srf=0.02&srp=0.2&srx=0.5&ver=250&xck=0&rev=102311&ct=1&xd=1访问框架   来自带有网址http://www.louisbaxters.com.au/的框架。域，   协议和端口必须匹配。

看起来此错误会阻止滑块在Chrome中运行。

如果我再次访问同一页面，我在控制台中看不到这样的消息，滑块工作正常。

我建议将滑块初始化代码移到$(document).ready(function(){ ... });中，而不是在页面中间执行。