小编Jim*_* Ha的帖子

用于创建新元素的Mutation Observer

我正在尝试在创建特定div时使函数关闭.用最简单的术语来说,我有这样的事情:

<a href="" id="foo">Click me!</a>
<script>
$("#foo").live("click",function(e) {
    e.preventDefault();
    $(this).append($("<div />").html("new div").attr("id","bar"));
});
</script>
Run Code Online (Sandbox Code Playgroud)

以前,我有突变事件听取div#bar的创建 - 这样的事情:

$("#bar").live("DOMNodeInserted", function(event) {
    console.log("a new div has been appended to the page");
});
Run Code Online (Sandbox Code Playgroud)

是否有使用Mutation Observers的等价物?我尝试了attrchange.js功能你可以在DOM元素的样式对象更改后有一个javascript钩子触发器吗?但该插件仅检测元素何时被修改,而不是何时创建.

javascript jquery dom4 mutation-observers

32
推荐指数
2
解决办法
2万
查看次数

如何使用Modernizr.js测试DOM4 Mutation Observers?

我正在尝试使用Modernizr.js 创建一个检测Mutation Observers的测试.在Modernizer文档中,有一个用于测试称为前缀的DOM元素的部分.我尝试使用:

Modernizr.load({
    test: Modernizr.prefixed('MutationObserver', window),
    yep: ['/js/polyfill_yep.js'],
    nope: ['/js/polyfill_nope.js']
});
Run Code Online (Sandbox Code Playgroud)

但显然,这是行不通的.我得到一个TypeError: f.bind is not a function我相当肯定前缀字符串不是MutationObserver,但我不知道它可能是什么,或者即使我正确地编写测试.有任何想法吗?

javascript jquery modernizr polyfills mutation-observers

3
推荐指数
1
解决办法
923
查看次数