幻灯片故障 - 调试协助

时间:2013-04-16 18:37:11

标签: javascript css wordpress css3 twitter-bootstrap

我有一个带有图像滑块的wordpress网站。在某些时候,此图像滑块上的过渡变得草率。有问题的图像滑块是flexslider。我尝试用jquery cycle lite替换它,在这种情况下我发现同样的草率转换也影响了它。这证实了我怀疑它与某个地方的冲突有关。

这是一个测试页面,上面有两个幻灯片,功能与草率过渡。

http://www.hauserair.com/slideshow-test/

我已将其缩小为以下样式表的包含。

http://www.hauserair.com/wp-content/themes/wordpress-bootstrap/style.css?ver=1.0

删除幻灯片正确转换时。此外,在创建独立HTML文件并包含引导程序CSS和java文件以及此页面上新滑块所需的文件时:http://www.hauserair.com/slideshow.html

重新发生过渡问题。所以...缩小这场冲突......

在前面提到的样式表中,最底部是注释/ * UPRIGHT STYLES * /这些是我公司编写的自定义样式,从该注释下面删除代码后,问题仍然存在。所以它实际上在bootstrap代码中。

从那里我可以进一步推断出,没有引用ID或CLASS的代码行会影响幻灯片,因为我为测试而制作的独立.HTML文件没有任何这些ID或类。例外情况是,如果.flexslider.home-slides恰好存在相同的规则(这些是分配给div的容器的类,其中包含图像滑块)。

由于该文件不包含任何文件,我现在似乎无法找到可能导致此转换问题的特定行。关于如何解决这个问题的任何想法?

1 个答案:

答案 0 :(得分:2)

问题是由第48行 /wp-content/themes/wordpress-bootstrap/style.css 中的以下规则引起的

* {
    transition: all 0.2s ease 0s;
}

删除或覆盖幻灯片上的转换规则,并且应该修复它。