使用jQuery在iFrame元素上定义一个事件

san*_*ay3 4 javascript iframe jquery events

我尝试在iFrame上的img标签商店中定义一个实时事件.例如,当我单击iFrame上的图像时,我想获得一个简单的javascript警告框.

你知道我如何定义iFrame的事件,因为我想把它放在$('img').live("click",function()......之类的东西上,但仅限于iFrame上的元素.

请注意:页面加载后,我的iFrame会动态添加img标签.

谢谢你的帮助.

萨科

Poi*_*nty 5

你可以这样做

  1. 确保iframe中的页面有自己的jQuery副本[编辑:仅对框架页面本身内部的jQuery操作非常必要 ]
  2. 从外部文档,像这样工作到iframe文档:

$('#iframeId').contents().find('img') // ...

  • iframe不需要以任何方式加载jquery.如果您不知道,请提供一个引用此链接的链接. (2认同)
  • 更重要的是要注意文档需要在*同域*以满足同源策略:http://en.wikipedia.org/wiki/Same_origin_policy (2认同)