javascript - 如何将函数绑定到点击 iframe 子项

Question

我需要hide一个在iframediv上的子 click。iframe

<a href="#" class="share">Share +</a>-> 这是我想在click上做一些功能的孩子。

我使用了这个答案 JQuery 代码，但它似乎不起作用。

HTML

<iframe id="map_frame" frameborder="0" src="http://a.tiles.mapbox.com/v3/vucko.map-1p4ens5h.html#17/45.80611110816038/15.924351969962727"></iframe>
<div>on "share +" click this div must hide so the share box goes above the div</div>

jQuery

$('#map_frame').contents().find('.share').click(function() {
    alert('click');
});

工作 JSFiddle。

如何做到这一点？

Answer 1

这无法完成，因为 iframe 文档和根文档来自不同的域。浏览器不允许这样做，引发安全异常。

例如，在 chrome 中，这会导致：

不安全的 JavaScript 尝试 从具有 URL http://fiddle.jshell.net/94Dge的框架访问具有 URL http://a.tiles.mapbox.com/v3/vucko.map-1p4ens5h.html#17/45.80611110816038/15.924351969962727的框架/1/显示/。域、协议和端口必须匹配。