加载的iFrame页面中的jQuery没有获得点击事件

Question

我正在做一些简单的事情：

1. 我在index.html上使用jQuery。
2. Index.html有一个iFrame并加载另一个页面，slide.html。
3. Slide.html也加载了jQuery。
4. 幻灯片在div上添加了一个点击侦听器。
5. 当我点击div时，不会调用任何处理程序。

var audio = $("#song")[0]; $("#playButton").click(function(){audio.play()})

<div id="playButton"></div>
<audio class="song" id="song">
<source src="sound.ogg"></source>
</audio>

<div id="playButton"></div> <audio class="song" id="song"> <source src="sound.ogg"></source> </audio>

什么会阻止事件被处理或解雇？我只是在Firefox桌面上测试。

解决方案：我是html / css的新手，我没有意识到即使没有孩子，div也会启用鼠标。所以我用另一个div阻止了按钮。