javascript - 画像の jQuery load() イベント ハンドラー

Question

こんばんは！

モーダルを作成していて、モーダルを表示する前に画像が読み込まれるまで待ちたいのですが、jQuerys load() イベント ハンドラーにはクロスブラウザーの問題があります。ある種の ajax 呼び出しを使用するなど、load() を無効にするエレガントな方法はありますか?

画像へのリンクがクリックされると、jQuery は「content」を介して img タグを method.open に送信します。

    method.open = function (content) {
    var img = $(content).attr("href");
    $content.empty().append("<img src='" + img + "' />");
    $(img).load(function(){
        //Move show up here
        //console.log("WUHU");
    });
    $modal.show();

フィドルへのリンク: http://jsfiddle.net/EUMnF/1/