こんばんは!
モーダルを作成していて、モーダルを表示する前に画像が読み込まれるまで待ちたいのですが、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/