我有一个带有图像滑块的 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 */ 这些是我公司编写的自定义样式,从该注释下方删除代码后,问题仍然存在。所以它实际上在引导代码中。
从那里我可以进一步推断,其中引用了 ID 或 CLASS 的任何代码行都不应该影响幻灯片,因为我为测试而制作的独立 .HTML 文件没有任何这些 ID 或类。例外情况是,如果两者恰好有相同的规则.flexslider
和.home-slides
(这些是分配给包含图像滑块的 div 容器的类)。
由于该文件不包含任何这些,我现在似乎无法找到可能导致此转换问题的特定行。有想法该怎么解决这个吗?