iframe上的事件更改了src

Question

我试图抓住src的{​​{1}}属性的变化，我找到了抓住iframe事件的方法，但是如果{{1}包含一些图像我必须等到它们在事件触发之前加载。有一种方法来捕获属性的更改而不是等待页面加载？

Answer 1

我已解决了绑定到DOMAttrModified事件

的问题

$( "#myIframe" ).bind( 'DOMAttrModified', function(){
  console.log( "Attribute changed" );
});

Answer 2

根据您的评论＆＃34;我有两种主要的方法来更改iframe src，首先是在iframe之外，第二个内部问题是抓住第二个＆＃34;，我认为你应该使用观察者模式。

你可以自己实现它，但不需要那个，因为这个库（https://github.com/melanke/Watch.JS）

它非常易于使用，以下是一个例子：

//defining a 'watcher' for an attribute
watch(exemple, "attr", function(){
    alert("attr changed!");
});

• 这意味着，您只需要查看属性src。每次更改时，回调都将运行

我自己没有使用过这个库，但是我在Angularjs上使用相同的模式（将来查看它，它真棒）。

希望这有帮助！