这个问题在stackoverflow上已被问过几次,但我还没有找到适合我独特情况的解决方案。
我希望替换已弃用的代码livequery
和DOMNodeInserted
。示例如下所示。
我正在为第三方网站开发javascript,我们需要在工作中使用。因此,当我的脚本运行时,页面已加载,我无法访问服务器上的js文件。我们专门使用IE,目前的版本是IE11。
我在这里读到livequery()
在“需要响应DOM更改的罕见情况下非常有用,并且无法控制导致这些更改的jQuery”。这完全是我的情况。
我是这个东西的完整菜鸟,但我读过MutationEvents / Observers可以做到这一点,但它们与IE不兼容。到目前为止,我所阅读的内容超出了我的理解范围。
以下是我要做的事情:
当用户点击第三方应用上的标签时,该标签上的所有内容都会动态创建。我需要确定选项卡何时完成加载 - 所以我通过检查选项卡上是否存在元素来执行此操作,并且在创建它时我知道选项卡已加载。
对于此示例,该标签包含一个名为&#391. s_3_1_12_0_icon'的图标。
这两个代码段都会触发所需的结果:
//Method 1: Using DOMNodeInserted
$('body').on('DOMNodeInserted', function () {
var elementExists = document.getElementById('s_3_1_12_0_icon');
if (elementExists != null) {
alert('The element has just been created')
$('body').off('DOMNodeInserted');
}
});
//Method 2: Using Livequery
$('#s_3_1_12_0_icon').livequery(function() {
alert('The element has just been created')
$('#s_3_1_12_0_icon').expire();
});
但如上所述,livequery()
和DOMNodeInserted
已被删除。有这样一种现代方法吗?
答案 0 :(得分:2)
...我读过MutationEvents / Observers可以做到这一点,但它们与IE不兼容......
IE9和IE10都有旧的已弃用的突变事件(主要是); IE11有较新的mutation observers。你绝对可以使用变异观察器。
var observer = new MutationObserver(function() {
if (document.getElementById('s_3_1_12_0_icon') != null) {
var p = document.createElement('p');
p.innerHTML = "It fired!";
document.body.appendChild(p);
observer.disconnect();
observer = null;
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
setTimeout(function() {
var div = document.createElement('div');
div.id = "s_3_1_12_0_icon";
document.getElementById("descendant").appendChild(div);
}, 600);

<div>
<div>
<div id="descendant"></div>
</div>
</div>
<p>In a moment, we'll add the element and see if the observer fires...</p>
&#13;
(div
只是为了证明它不必是body
的直接孩子。)