jquery iframe 源代码

Question

我有一个包含 iframe 的 HTML 页面，我正在尝试在 iframe 中的链接上编写函数。这些函数将在 HTML 页面中进行更改...

以下脚本适用于 iframe 中单击的第一个链接。但是当 iframe 更改“src”时，该功能将不再起作用。

即使 iframe 的 src 更改，如何使其工作？

（所有页面都在同一个域上）

<script type="text/javascript">
  $("iframe").contents().find("a").click(function() {
    alert('Load was performed.');
  });
</script>

Answer 1

尝试使用 .live() 方法，它将事件绑定到现有元素和未来元素。当您更改 src 时，您需要再次将 click 事件绑定到新链接。

我不知道 .live() 方法是否适用于 iframe，但你可以尝试这个：

  $("iframe").contents().find("a").live('click',function() {
    alert('Load was performed.');
  });

对不起，我的英语很蹩脚！。

我不知道它是否有效（抱歉，我现在没有地方可以测试），但是如果您尝试在 iframe 的 onLoad 事件上绑定一个函数，会发生什么（即使 W3C 说 iframe 没有事件，似乎所有浏览器都支持）：

    <iframe src="/my_contents" onLoad="onload_function()"></iframe>
    ...
   <script>
        onload_function(){
          $(function(){
            $("iframe").contents().find("a").click(function() {
              alert('Load was performed.');
            });
          });
        }
    </script>

Answer 2

如果它与您的域相同，则应该可以工作，如果不是，则由于某些来源政策，它将无法工作作为其跨域。