0

だから私はこのサイトでアニメーションを実行しています: http://www.pivot-innovation.com/index_dev.php

そして、すべてのブラウザですべてが正常に機能しています。もちろんIEを除いて。最初は、Google から jquery を呼び出すとエラーが発生したとのことでした...そのため、ローカルで jquery の完全なバージョンを取得して、それを呼び出すことができるようになりました。私のスクリプトはシンプルですが、アニメーションやフェードなどは IE だけではできません。

<script type="text/javascript" src="js/jquery.js"></script> 

<script>
$(document).ready(function() {

    $("#left_innovation_image").hide(); //Hide all content
    $("#right_innovation_image").hide(); //Hide all content
    $("#mainImage_home").hide(); //Hide all content

    $("#left_innovation_image").fadeIn(2000); //Show first tab content
    $("#right_innovation_image").fadeIn(2000); //Show first tab content

    $("#left_innovation_image").animate({position:'absolute', top:'0px', left:'50px'}, 1000)
    $("#right_innovation_image").animate({position:'absolute', top:'0px', right:'50px'}, 1000,
    function(){

    }
    )

    $("#mainImage_home").delay(2500).fadeIn(1000); //Show first tab content

});
</script>

私は絶対位置で遊んでみましたが、単にこのように左にアニメーション化しました:

$("#left_innovation_image").animate({'left': '+=50px'}, 1000)

それでも動かない、動かない。これを修正する方法はありますか?そうでない場合は、IEに画像を表示してjQueryを忘れるように指示するだけのものを書くことができますか?

4

1 に答える 1

0

手始めposition:absoluteに animate を削除してください サンプルの html を投稿していただけますか?

于 2012-05-10T17:31:22.660 に答える