javascript - 幻灯片故障 - 调试帮助

Question

我有一个带有图像 slider 的 wordpress 网站。在某些时候，此图像 slider 上的过渡变得草率。有问题的图像 slider 是 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 文件并包含 Bootstrap CSS 和 java 文件时，以及此页面上新 slider 的必要文件:http://www.hauserair.com/slideshow.html

再次出现过渡问题。所以……缩小这个冲突……

在上述样式表中，最底部是注释/* UPRIGHT STYLES */这些是我公司编写的自定义样式，将注释下方的代码删除后，问题仍然存在。所以它实际上在 Bootstrap 代码中。

从那里我可以进一步推断，其中引用 ID 或 CLASS 的任何代码行都不会影响幻灯片放映，因为我为测试制作的独立 .HTML 文件没有任何这些 ID 或类。异常(exception)情况是，如果 .flexslider 和 .home-slides 碰巧有相同的规则(这些是分配给 div 容器的类，其中包含图像 slider )。

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

Answer 1

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

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

删除或覆盖幻灯片上的过渡规则，它应该已修复。