事件传播的顺序相反

时间:2012-12-13 13:13:49

标签: javascript jquery html css

我创造了一个小小的Find the Differences游戏。 它包括两个相同图像的图像。图像是设置高度和宽度的div上的背景。这个div是相对的位置。

在它上面,我在每个差异上放置了不可见的div,绝对是。

一切正常,但现在我需要知道有人点击容器div而不是直接在其中一个更改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>

我很高兴听到任何想法。

如果我向div添加一个inlinde onclick事件,它对我有用,但我宁愿不使用它......

感谢您的时间和精力:)

1 个答案:

答案 0 :(得分:1)

好的,所以当我(从bfavaretto线索)改变从.live到.on时,突然事件的顺序再次正常。也许它与现场寻找与事件有关的新元素有关,也许其他人可以解释但是修复了...... 谢谢!