css - 滑块在 IE8 中不起作用

Question

我目前正在建立一个网站，但我注意到滑块在 IE8 中不起作用。当我单击兼容模式按钮时，它确实有效。

div当我在 IE8 中查看时，它显示了一些奇怪的错位s。我最近在 Pie 中构建了圆角以在 IE8 中工作；也许这就是滑块的问题？

有没有人可以帮助我？

这是代码:)

<div class="slider-container">
<div id="slideshow">
    <div>
        <div class="caption rc">
            <div class="caption-text">
                <?php perch_content('tekst slide 1'); ?>
            </div>
        </div>
        <img src="img/slider.jpg" alt="Slide">
    </div>
    <div>
    <div class="caption rc">
            <div class="caption-text">
                <?php perch_content('tekst slide 2'); ?>
            </div>
        </div>
        <img src="img/slider-2.jpg" alt="Slide">
    </div>
    <div>
    <div class="caption rc">
            <div class="caption-text">
                <?php perch_content('tekst slide 3'); ?>
            </div>
        </div>
        <img src="img/slider-3.jpg" alt="Slide">
    </div>
    <div>
    <div class="caption rc">
            <div class="caption-text">
                <?php perch_content('tekst slide 4'); ?>
            </div>
        </div>
        <img src="img/slider-4.jpg" alt="Slide">
    </div>
    </div>
</div>

和这里：

$(function() {

    $("#slideshow > div:gt(0)").hide();

    setInterval(function() { 
      $('#slideshow > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
    },  6000);

});

奇怪的是它可以在兼容模式下工作，但不能在正常模式下工作，在 IE8 和 Firefox、Chrome 和 Safari 中它工作正常。

Answer 1

您正在使用 cdn，有时加载 cdn 文件时遇到问题...尝试添加一个备用脚本以从本地服务器加载 jquery。在标头中来自 google cdn 的 jquery 脚本之后添加它并修改您的路径。

<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='path to jquery libary' type='text/javascript'%3E%3C/script%3E"));
}
</script>

希望这可以帮助

问候