jquery - 附加元素在 IE11 中不起作用

Question

在构造函数中我创建一个元素

var this.legendElement = this.compileLegend();

后来我想在事件监听器中使用它:

var takeControl = function() {
    this.element.empty();
    this.legendElement.appendTo(this.element);
}

legendElement 已附加，但它是空!我不明白为什么。 在其他浏览器(已测试的 firefox、chrome)中它可以正常工作。

此外，当我打印 this.legendElement 的内容时，我会按预期看到 html 代码。换句话说

console.log(this.legendElement);

生成具有正确内容的预期 html 代码(我在 takeControl 函数中调用它)。

我尝试了多种方法来修复它

this.element.append(this.legendElement)

也不起作用。

这个:

this.element.append(this.legendElement.html())

附加 html 代码，但周围没有 this.legendElement(这是预期的)。

所以如下

this.element.append($('<div />').append(this.legendElement).html())

做了我想要它做的事情，但是它看起来像是一个丑陋的黑客。

所以，我的问题是:我能得到正在发生的事情

this.element.append(this.legendElement)

上类？

提前致谢! ^_^

Answer 1

IE11(至少我的版本或设置)不支持element.append。然而，它确实按照 element.appendChild 的预期工作。

MDN 的浏览器兼容性部分证实 IE(与其他浏览器相比)从未有过 ParentNode.append支持但一直有Node.appendChild支持，这似乎是普遍的。