首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我可以在jQuery中调用不同网页的id吗?

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

Stack Overflow用户
提问于 2018-05-28 18:37:40
回答 1查看 21关注 0票数 0

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

因此,我的问题是:是否可以在jQuery中使用选择器来引用不同网页中的id?我试着用

代码语言:javascript
复制
$("second_webpage.html#div1").click(function() {
        $("#image").css("display", "");
    });

但没有成功。

在jQuery中引用外部页面中的元素是可能的吗?有没有其他方法可以做到这一点?

提前感谢!

EN

回答 1

Stack Overflow用户

发布于 2018-05-28 18:56:12

你需要确定两件事。在执行Jquery之前,iFrame需要在同一个域上,并且iFrame需要完全加载。

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

代码语言:javascript
复制
$("#secondWebPageIFrame").contents().find("#div1").click(function() { ...

编辑:

为了确保加载iFrame,您可以使用iFrame Load事件(在本例中使用内联javascript):

代码语言:javascript
复制
function onMyFrameLoad() {
   alert('iFrame is loaded');
};

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

查看源代码和其他获取iFrame状态的方法:Capture iframe load complete event

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50564457

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档