※ ChatGPTを利用し、要約された質問です(原文:クリックカウンターの挙動がおかしい)
クリックカウンターの挙動がおかしい
このQ&Aのポイント
クリックカウンターの挙動がおかしいです。連続でクリックすると古い数字が出た後に正しい数字が表示されます。何故か2回数字が更新されてしまうのです。ブラウザにより挙動が異なりIE,Firefox,Chromeでは上記のようにiPodtouch,3DSのブラウザでは正常に動作しました。解決策はありますでしょうか?
jQueryとPHPを使い、画面遷移せずに回すクリックカウンターです。初期時にランダムな数字を生成し、パラメータとして付けることでユニークな状態にします。クリック後はカウンターを+1する処理を行います。
解決策が求められているクリックカウンターの問題です。連続でクリックすると2回数字が更新されてしまい、正しい数字が表示されません。ブラウザにより挙動が異なりますが、IE、Firefox、Chromeでは上記のような問題が発生します。iPodtouchや3DSのブラウザでは正常に動作します。解決策を教えていただきたいです。
jQueryとPHPを使い、画面遷移せずに回すクリックカウンター
http://1bit.mobi/20110112164331.html
こちらのカウンターを設置してみたのですが少し動作がおかしいです。
http://olo.sakura.ne.jp/test/test1.html
連続でクリックすると古い数字が出た後に正しい数字が表示されます。
何故か2回数字が更新されてしまうのです。
ブラウザにより挙動が異なりIE,Firefox,Chromeでは上記のように
iPodtouch,3DSのブラウザでは正常に動作しました。
解決策はありますでしょうか?よろしくお願いします。
jQuery(document).ready(function(){
//初期時のカウンターファイル読み込み
//ランダムな数字を生成し、パラメータとして付けることで、ユニークな状態にする。
var randnum1 = Math.floor( Math.random() * 10000 );
jQuery("#btn01 span").load("./count01.txt?r=" + randnum1);
//カウンター追加後の読み込み関数
function func01(data){
var randnum1 = Math.floor( Math.random() * 10000 );
jQuery("#btn01 span").load("./count01.txt?r=" + randnum1);
}
//カウンター+1追加処理
jQuery('#btn01 p').click(function(e){
//「param1」変数の値と書き込みファイル名の情報をもってpost.phpへ。その後、関数func01を実行
jQuery.post("post.php" , {"param1": 'count01.txt'} , func01);
jQuery("#btn01 span").load("./count01.txt");
});
});
お礼
おおっ!ビンゴでした。 ご指摘箇所を取り除いたところ期待通りの動作を致しました。 ありがとうございました!!