jqueryの変数について

質問

jQueryについて教えてください。お願いいたします。

タブレット対応をしています。
clickFlgが0の場合はＡの記述、
clickFlgが1の場合はＢの記述を読み込みたいです。

実際やりたいことは一度目に押されたらリンクを無効化しその他の記述が
実行されて、次クリックしたらリンクが有効化されその他の記述が実行される
ようにしたいです。

ただしサムネイルは複数あり、一度サムネイルを押して、違うサムネイルを押した
場合は最初押したサムネイルは一度も押されなかったことにしたいのです。

最初に宣言した変数が上書きされてしまっているため、
変数が切り替わってくれません。

どのようにすればいいか教えていただければと思います。
よろしくお願いいたします。

var clickFlg = 0;

if(clickFlg == 0){
thumb.on('touchstart', function(){
clickFlg = 1;
～aの記述(リンクをきかなくする記述とその他)～
});
}else{
$thumb.on('touchstart', function(){
clickFlg = 0;
～Ｂの記述(リンクをきくようにする記述とその他)～
});
}

回答No.1

pa_cotta · ベストアンサー

押されたサムネイルがどれか、というのが分かればいいんじゃないでしょうか？
各サムネイルに番号をふっておいて、サムネイルが押されたらclickFlg変数の値とクリックされたサムネイルの番号を比較して、
値が違えばAの処理、同じであればBの処理、という方法でできそうな気がします。

もちろんclickFlg変数の初期値は設定の必要がありますし(マイナスとか0の値でいいんじゃないかと思います)、Aの処理を実行したあとにclickFlg変数の値をクリックしたサムネイルの番号に書き換える必要があります。