1

以下のWebアプリでクリックイベントが複数回発生する原因を特定するのに問題があります。URLにアクセスし、[Ground-4から]任意のレベルをクリックしてから、ユニットをクリックしてください。

http://plaza.foxqa.com.au/touch/index.html

ユニットの詳細[価格、画像など]が表示されます。このページの画像には、基本的に画像を拡大するクリックイベントが添付されています。このイベントは積み重なっていきます。ユニットを初めてクリックしたときに正常に動作します。

次に、2番目のユニットで2回、3番目のユニットで3回、というように発砲します。拡大ビューを閉じた後、クリックイベントのバインドを解除しようとしましたが、それでも機能しません。

どんな助けでもいただければ幸いです。

編集:これをGoogleChromeでテストしてください。

編集2:問題をより早く理解するのに役立つ可能性のある手順。

  1. コンソールでcomponents_draft.jsを開きます。
  2. 687行目にブレークポイントを追加します。
  3. 建物のレベルをクリックします
  4. 緑色のユニット[またはロット]をクリックします。
  5. ユニットの詳細が表示されたら、ユニットプランの画像をクリックします。
  6. 大きくなります。
  7. 画像の任意の場所をクリックすると、最小化されます。
  8. 閉じるアイコンをクリックして、手順4に戻ります。
  9. 5,6,7を繰り返します。
  10. これで、拡大された画像がクリックされたときに、コンソールの機能をステップ実行すると、クリックイベントが1回のクリックで2回ループするのがわかります。

これらすべてに従うのは苦痛だと私は知っていますが、それを分析するために少し時間を取ってください。

4

2 に答える 2

2

アプリケーションをもう一度見てください。

Firebugコンソールで確認できるエラー(JavaScriptコーディングエラー)がいくつかあります。

于 2012-06-21T10:53:42.983 に答える
0

バグを発見。jQuery クリック イベントが時間の経過とともに増加しているこの状況に誰かが遭遇した場合、最も可能性の高い原因は

jQuery.live()

他のクリック イベントの下にネストする必要はありません。

于 2012-06-21T23:18:37.637 に答える