javascript - IE 11 上的 MutationObserver 语法错误

Question

我正在使用 MutationObserver 在切换面板内容时更改某些变量的值(我正在使用 Bootstrap 选项卡)。在 Chrome 和 Firefox 中一切正常，但出于某种原因，当我使用 IE 对其进行测试时，它在控制台中显示语法错误并且脚本中断。这是我的 MutationObserver 代码:

var observer = new MutationObserver(function (MutationRecords, MutationObserver) {
        dataTable = null;
        tabla = null;
        tabActiva = $('.tab-content').find('.active');
        formFiltro = tabActiva.find('form');
        tabla = tabActiva.find('table');
    });

    observer.observe(target, {
        childList: true,
        attributeFilter: ['class'],
        subtree: true
    });

控制台指出错误出在 observer.observe() 上。我不知道发生了什么。提前致谢。

以防万一，这是我的“目标”:

var target = $('.tab-content > .tab-pane').get(0);

Answer 1

使用 MutationObserver，可以过滤属性，但前提是您首先要观察元素属性。因此，选项 attributeFilter 仅在 attributes 设置为 true 时适用。

如果你指定了一个attributeFilter，而没有将attributes设置为true，那么IE11会抛出一个语法错误，而Chrome和Firefox只会静默忽略 attributeFilter。

要解决语法错误，请将 attributes 设置为 true 或删除 attributeFilter。