我可以在jQuery中调用不同网页的ID吗?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (53)

我在我的主网页中有一个iframe,我发送不同的html页面。我想创建一个事件,在该事件期间,iframe内的点击(在第二个网页内)触发主网页上的事件(iframe在其中)。

我的问题:是否有可能在jQuery中使用引用不同网页中的ID的选择器?我试过使用

$("second_webpage.html#div1").click(function() {
        $("#image").css("display", "");
    });

但没有成功。

在jQuery中甚至可以引用外部页面中的元素?还有其他的方法吗?

提问于
用户回答回答于

iFrame需要位于同一个域中,并且在执行Jquery之前需要完全加载iFrame。

如果两者都适用,则可以使用contents()方法。

$("#secondWebPageIFrame").contents().find("#div1").click(function() { ...

为了确保加载iFrame,你可以使用iFrame加载事件(在本例中为嵌入式javascript):

function onMyFrameLoad() {
   alert('iFrame is loaded');
};

<iframe id="secondWebPageIFrame" src="..." onload="onMyFrameLoad(this)"></iframe>

扫码关注云+社区

领取腾讯云代金券