以下のWebアプリでクリックイベントが複数回発生する原因を特定するのに問題があります。URLにアクセスし、[Ground-4から]任意のレベルをクリックしてから、ユニットをクリックしてください。
http://plaza.foxqa.com.au/touch/index.html
ユニットの詳細[価格、画像など]が表示されます。このページの画像には、基本的に画像を拡大するクリックイベントが添付されています。このイベントは積み重なっていきます。ユニットを初めてクリックしたときに正常に動作します。
次に、2番目のユニットで2回、3番目のユニットで3回、というように発砲します。拡大ビューを閉じた後、クリックイベントのバインドを解除しようとしましたが、それでも機能しません。
どんな助けでもいただければ幸いです。
編集:これをGoogleChromeでテストしてください。
編集2:問題をより早く理解するのに役立つ可能性のある手順。
- コンソールでcomponents_draft.jsを開きます。
- 687行目にブレークポイントを追加します。
- 建物のレベルをクリックします
- 緑色のユニット[またはロット]をクリックします。
- ユニットの詳細が表示されたら、ユニットプランの画像をクリックします。
- 大きくなります。
- 画像の任意の場所をクリックすると、最小化されます。
- 閉じるアイコンをクリックして、手順4に戻ります。
- 5,6,7を繰り返します。
- これで、拡大された画像がクリックされたときに、コンソールの機能をステップ実行すると、クリックイベントが1回のクリックで2回ループするのがわかります。
これらすべてに従うのは苦痛だと私は知っていますが、それを分析するために少し時間を取ってください。