0

jQuery を使用して、AS 3.0 で使用できるようなイベント リスナーを追加する方法はありますか?

たとえば、画像を読み込む場合 (画面に表示されないように不透明度をゼロに設定)、jQuery には、読み込みが完了したときにリッスンする onComplete イベント リスナーに似たものがありますか? ロードが正常にロードされたら、別の関数を起動して、不透明度を再び 1 に戻すことができます。

いくつかのプラグインが作成されているのを見てきましたが、サードパーティのプラグインを使用せずに解決策を見つけた人がいるかどうかを確認するために質問したいと思いました.

ありがとう。

4

1 に答える 1

2

このようなもの？

$(function(){
    $("img").hide().load(function(){
        $(this).fadeIn();   
    });
});

最初の行は$(document).ready(function(){

次に、すべてのimg要素を選択して非表示にし、loadフェードインするハンドラーを追加します。

ただし、キャッシュされている場合、上記が問題になる可能性があります。以下はこれを解決します。

$(function(){
    $("img").hide().each(function(){
        if(!$(this).width()){ // image dimensions are unavailable if it's not loaded
            $(this).load(function(){
                $(this).fadeIn();
            }); 
        }else{ //if the image is loaded already
            $(this).fadeIn();   
        }
    }); 
});
于 2012-08-13T23:07:44.017 に答える