添加的js代码在iframe中不起作用

Question

我有一个包含div标签的iframe，带有＆＃34; firstHeadSection＆＃34;标识。

加载iframe后，我将此代码附加到iframe：

    <script>
    $(window).on("resize", function(){
    alert($("#firstHeadSection").height())
    })
    </script>

将插入Js代码，但在我调整窗口大小后，它会提示null。

JQuery包含在iframe中。

我该怎么办？

Answer 1

您必须访问主页面，因此您必须添加＆＃34; parent＆＃34;。尝试这样的事情:(未经测试）

parent.$.fn.resize(function() {
    alert($("#firstHeadSection").height());
});

Answer 2

您的代码在$（窗口）中查找id为“#firstHeadSection”的对象，但是使用iframe，您必须查询其DOM，如：

<script>
  $(window).on("resize", function(){
    alert($("#iFrameID").contents().find("#firstHeadSection").height())
  });
</script>

我没有测试过...请发布更多代码以便能够可靠地进行测试...