0

現在ウェブサイトを構築していますが、スライダーが IE8 で機能しないことに気付きました。互換モードボタンをクリックすると機能します。

divIE8 で表示すると、妙に間違った s が表示されます。私は最近、丸みを帯びた角が IE8 で動作するように Pie を組み込みました。多分それはスライダーの問題ですか？

私を助けることができる人はいますか？

ここにコードがあります:)

<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 では問題なく動作します。

4

1 に答える 1

0

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>

お役に立てれば

よろしく

于 2013-03-25T19:32:05.927 に答える