Javascript 画像の読み込み完了後に処理を実行？
以下のようなスクリプトを書いたのですが
new Image(1,1).src = "/test.php?id=<_ID_>";
この部分で『アクセスしたことに』してカウントのようなものを取っています。(<_ID_>は変数)http://example.com/test.php?id=<_ID_>にアクセスすると、パラメータに応じたクッキー残る仕組みです。
困ったことにクリック直後はloadのurlが更新されないのです。
アラートをわざとloadの前に実行すると、clickのloadが更新されるのが確認出来ました。
これはnew Imageの読み込み前にloadが実行されてしまったためでしょうか？
だとすればどうしたらnew Image(1,1).src = "http://example.com/test.php?id=<_ID_>";
の、読み込み後に$('#count').load(url,function(){});が実行できるでしょうか？
$(document).ready(function(){
var url = 'http://example.com/test.php';
$("#submit").click(function(){
new Image(1,1).src = "http://example.com/test.php?id=<_ID_>";
alert('test');//これを入れるとアラート後、loadload(url,function(){})の更新が確認できる
$("#submit").addClass("selected");
$('#count').load(url,function(){});
});
$('#count').load(url,function(){});
})
</script>
ベストアンサー
-
Cherenkov
満足200pt
$(document).ready(function(){ var url = 'http://example.com/test.php'; $("#submit").click(function(){ var self = this; var img = $('<img width="1" height="1">'); img.attr('src', "http://example.com/test.php?id=<_ID_>"); img.load(function() { //alert('test');//これを入れるとアラート後、loadload(url,function(){})の更新が確認できる $(self).addClass("selected"); $('#count').load(url,function(){}); }); }); $('#count').load(url,function(){}); });
-
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2012-05-16 14:25:43
- 終了日時
- 2012-05-18 09:39:23
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
経済について、初歩的な質問で恐縮です。年収の壁の問題は、年収の枠を大きくするという単純な策では解決し…
匿名質問者
2
1
1
-
はてな最終ベストアンサー ～ The Last of Best Anser in Hatena ～ あなたの自薦他薦ベストアンサーを…
adlib1
-
iPhoneを使っています。 LINE の通知音、着信音（無料電話）、 送信音（シュポッ）、を鳴らない・方法は何…匿名質問者
-
初めておばあちゃんに誕生日プレゼントをあげるので、実際にプレゼントして喜ばれた物やオススメの商品を知…
chabochang6
-
家から離れた場所に親に内緒で買い物に行きたいです。【片道電車で1時間ぐらいです】 ちなみに自分は小学生…匿名質問者1