javascript - 如何使用 JQuery 将事件处理程序绑定(bind)到 iframe 的加载？

Question

我在使用 JQuery 进行绑定(bind)时遇到了一些问题。

<iframe id="wufooFormz7x3k1" height="281" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://foo111.com"></iframe>

<script>
jQuery('#wufooFormz7x3k1').ready(function()
{
  jQuery('#wufooFormz7x3k1').bind('onload', alert('hi1'));
  jQuery('#wufooFormz7x3k1').bind('onload', function() { alert('hi2') });
});
</script>

第一个绑定(bind)生成一个警报，但随后抛出此错误，并且不会为 iframe 的任何后续加载触发警报(这是我试图检测的)。

Uncaught TypeError: Cannot read property 'handler' of undefined and won't be triggered for subsequent onloads.

第二个绑定(bind)根本不会触发。

理想情况下，我想要的是绑定(bind) iframe 的加载，这样我就可以在每次重新加载 iframe 时生成一个警报。

Answer 1

使用加载事件。

jQuery('#wufooFormz7x3k1').bind('load', function() { alert('hi2') });

第一次尝试发出警报，因为您正在执行警报并将警报的返回值作为函数传递，但是该返回值不是函数，因此会发生错误。

此外，以下内容不是必需的，也不会真正按照您的想法去做。

jQuery('#wufooFormz7x3k1').ready(function()

忽略 '#wufooFormz7x3k1' 并使用 document 代替。由于脚本直接位于 iframe 标记之后，您可以省略它，因为 iframe 将准备就绪。