Question

在我的页面中，有一个iframe加载，我只是想在加载后找到该元素，所以我使用了这个函数：

$("body").on("DOMNodeInserted", ".ssueContentIframe", function() {
  $(this).css('border', '1px solid red'); //works
  update();
});

在加载Iframe之后，我想在我的一个元素中添加一个事件监听器，所以我也想听一听我正在调用update函数，如上所述，但我没有得到结果。

将DOMNodeInserted用于iframe内容的正确方法是什么？这是我对update函数的尝试：

    var update = function(){

        $(".ssueContentIframe").contents().on("DOMNodeInserted", '.ui-grid-selection-row-header-buttons', function(){
            //above contents load in for loop, after loop nothing added
            $(this).css('border', '1px solid red');//not works
        });

    };

或者什么是正确的方法，是否有任何插件？在这里需要你的帮助！

Answer 1

注意，Mutation Events已被弃用。您应该使用MutationObserver，请参阅call function on change of value inside <p> tag。

要在问题中使用现有的javascript，因为您已将事件附加到body元素，所以在<body>元素处插入的所有节点都应该可以在事件处理程序中使用{ {1}}或event.originalEvent.originalTarget。不必调用event.originalEvent.explicitOriginalTarget在update() DOMNodeInserted <body> {{}}}的元素上附加另一个iframe事件。

document

如何使用`DOMNodeInserted` - 用于标识Iframe内容

1 个答案: