-1

ちょっとした違い探しゲームを作りました。2 つの同一の画像の画像が含まれています。画像は、高さと幅が設定された div の背景です。このdivは相対的な位置です。

その上で、絶対に、それぞれの違いに目に見えない div を配置しました。

すべてが機能していますが、誰かが変更 div の 1 つではなく、コンテナ div をクリックしたときを知る必要があります。

簡単そうですが、背景画像（相対 div）をクリックするイベントを作成し、実際の差分領域をクリックすると伝播とデフォルトを停止することを計画しました。

しかし、なぜか実際の差分をクリックしても背景画像からイベントが始まります。クリックが実際の違いであった場合は、違いの div に伝播します。

私はz-indexで遊んでみたり、違いをdivからAタグに切り替えたりしましたが、何も変わりませんでした...

これは質問のコードです。差分 div はメイン div (ゲーム) 内にあります。

<div id="q1" class="game center relative_container" style="display: block;">
    <div id="q1_p1" mirror="q1_1" class="pointer"></div>
    <div id="q1_p1_o" mirror="q1_1" class="pointer"></div>        
    <div id="q1_p2" mirror="q1_2" class="pointer"></div>
    <div id="q1_p2_o" mirror="q1_2" class="pointer"></div>        
    <div id="q1_p3" mirror="q1_3" class="pointer"></div>
    <div id="q1_p3_o" mirror="q1_3" class="pointer"></div>        
</div>

どんなアイデアでも喜んでお聞きします。

inlinde onclickイベントをdivに追加するとうまくいきますが、私はそれを使用しません...

あなたの時間と努力をありがとう:)

4

1 に答える 1

1

OK、それで私が（bfavaretto clueによって）.liveから.onに変更したとき、突然イベントの順序は再びOKになりました。イベントに関連する新しい要素をライブで探すことと関係があるかもしれません。誰か他の人が説明できるかもしれませんが、それはそれを修正しました...ありがとう！

于 2012-12-13T13:42:02.773 に答える