如何通过单击带有jquery来更改iframe src？

Question

我的js文件如下所示：

$('.button').live("click",function () { 
      $('.tresc').attr("src", "http://www.google.com/");
});

和html：

<a href="javascript:void(0)" class="button">Odnośnik 01</a>

我想将类 tresc src的iframe更改为ex。 “http://google.com”，使用jquery单击带有按钮的类。无论如何，我的解决方案无效。 有什么建议吗？

Answer 1

有一些问题。首先，如果jQuery版本是＆gt; 1.6代码应使用on附加事件。防止默认事件以使代码不会尝试导航到另一个页面也是一个好主意。另外，我建议切换到prop而不是attr。

这给我们留下了：

$('.button').on("click",function (e) { 
      e.preventDefault();
      $('.tresc').prop("src", "http://www.google.com/");
});

但是，这仍然无效，因为Google安全设置会阻止在iframe内加载该网页。请参阅解释原因here。