将 `click` 事件添加到 `iframe` 或 `iframe` 的子级 - 不起作用

Question

我正在尝试向嵌套在 iframe 的 iframe 内的元素之一添加点击事件。

这是一个 iframe .ssueContentIframe 在这个下面，还有另一个 iframe 添加为 #SmartReportTabContent1 所以在第二个 iframe 元素内，我试图添加一个这样的点击事件：

基本上，我不知道iframe 什么时候会被加载并且所有元素都将可用，以备将来添加：

$('.ssueContentIframe').contents().find( '#SmartReportTabContent1' ).find('.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-row-selected').on('click', function(){
             alert('Hi');
         });

但不工作。等待iframe 都存在并将点击事件添加到此处的元素之一的正确方法是什么？

提前致谢！

Answer 1

您还需要在第二个 iframe 上使用“内容”。要等待它加载，您可以在第二个 iframe 上使用“就绪”事件。

例如：

$("#SmartReportTabContent1").find("iframe").ready(function (){
    // do something once the iframe is loaded
});

更新

参考this问题

Answer 2

我对此进行了编辑，首先加载第一个 iframe 并检查它是否加载良好，然后单击元素执行该功能。

$(function(){
    $('#foo1').load(function(){
        alert("Loaded");
            $('#foo1').contents().find('iframe').contents().find('#test').on('click', function(event) {
                alert("Working");
            });
    });
});

我在我的电脑上测试过，运行良好，记得添加库，如果不添加库将无法使用。

只需将我使用的 ID 更改为您的 ID。