Question

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

当我在IE8中查看时，它显示了一些奇怪的错位div。我最近在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>

希望这有帮助

问候

滑块在IE8中不起作用

1 个答案: