2

これに従って、jqueryを使用してページ全体のロード後にcss3アニメーションをロードするように設定しようとしましたが、役に立ちませんでした。誰かが他の方法を知っていますか、それとも私が見落としていることがありますか? ありがとう。

これは私のコードです:

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

<img id="anim" src="image/some image.png" alt="image"/>
<script type="text/javascript" charset="UTF-8">
    $("window").load(function() {
        $("#anim").addClass("animation");
    });
</script>

クラス アニメーションは、css3 アニメーションを配置する場所です。クラスを画像に直接含めると、アニメーションが正常に実行されることに注意してください。

4

2 に答える 2

1

http://api.jquery.com/ready/をご覧ください

答え：

<script type="text/javascript">
  $(function() {
    $("#anim").addClass("animation");
  });
</script>
于 2012-09-26T11:56:22.263 に答える
1

コードを次で囲むようにしてください。

$(document).ready(function() {
 //Your code here
})

.ready(handler)DOM が完全にロードされたときに実行する関数を指定します。

DOMのhandler準備ができた後に実行する関数です。

JavaScript は、ページのレンダリング時にコードを実行するためのロード イベントを提供しますが、このイベントは、画像などのすべてのアセットが完全に受信されるまでトリガーされません。ほとんどの場合、スクリプトは DOM 階層が完全に構築されるとすぐに実行できます。渡されたハンドラーは.ready()、DOM の準備が整った後に実行されることが保証されているため、通常、これは他のすべてのイベント ハンドラーをアタッチして他のjQueryコードを実行するのに最適な場所です。CSS スタイル プロパティの値に依存するスクリプトを使用する場合は、スクリプトを参照する前に、外部のスタイルシートを参照するか、スタイル要素を埋め込むことが重要です。

詳細はこちら

于 2012-09-26T11:59:38.773 に答える