gpt4 book ai didi

javascript - 如何一起使用 Polymer polyfill

转载 作者:行者123 更新时间:2023-11-29 15:40:01 24 4
gpt4 key购买 nike

我正在尝试使用 Polymer ShadowDOM 的 polyfills和 Custom Elements

如果我单独使用它们,它们工作得很好,但是当我同时使用它们时,我会出现这样的错误

Uncaught TypeError: Cannot read property 'polymerShadowRoot_' of undefined.....Element.js:69

这取决于我是先包含 customelement.js 还是 shadowdom.js

这是我的测试代码:

<!doctype html>

<html>
<head>

<script src="/bower_components/CustomElements/custom-elements.js"></script>
<script src="/bower_components/ShadowDOM/shadowdom.js"></script>

<script>
var proto = Object.create(HTMLElement.prototype);

proto.createdCallback = function() {
console.log('create shadowDOM');
var root = this.createShadowRoot();
root.innerHTML = '<content></content>';
};

document.register('x-foo', {prototype: proto});
</script>
</head>

<body>
<x-foo><span>hallo</span></x-foo>
</body>
</html>

有什么建议可能会出错吗?

最佳答案

无论何时使用 ShadowDOM polyfill,您都必须先加载它,因为它会完全重新映射 DOM。其他库(通常)可以在重新映射之上加载,但不能在之下加载。

http://jsbin.com/uBOQIBu/3/edit

关于javascript - 如何一起使用 Polymer polyfill,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20846950/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com