在IE上不触发WebComponentsReady的X标签
在IE上不触发WebComponentsReady的X标签
提问于 2013-08-02 21:42:07
这工作在铬，但它钻在IE。
我试图使用HTMLImports导入标记(通过x标记库)，但是WebComponentsReady事件从不触发，我看到我的元素以HTMLUnknownElements的形式出现。
<element name="test-tag">
<template>
<section>
I am an instance of test-tag
</section>
</template>
<script>
if (this != window) {
var element = this;
console.log("element", element);
xtag.register(this, {
lifecycle: {
created: function () {
console.log("created." + "created()", arguments);
var template = element.querySelector("template");
console.log('template', template, template.content);
this.appendChild(template.content);
}
}
});
}
</script>
</element>我要把这个放在控制台里..。
装货窗
HTMLImportsLoaded
元素对象HTMLUnknownElement
模板对象HTMLUnknownElementundefined
SCRIPT5022: HierarchyRequestError
014_xtag，第17行字符13
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>X-Tag</title>
<script type="text/javascript" src="../../lib/x-tag-core.js"></script>
<link rel="import" href="components/test-tag.html"/>
<script type="text/javascript">
window.onload = function () {
console.log("window loaded");
};
window.addEventListener('HTMLImportsLoaded', function () {
console.log("HTMLImportsLoaded");
});
window.addEventListener('WebComponentsReady', function () {
console.log("WebComponentsReady");
});
</script>
</head>
<body>
<test-tag></test-tag>
</body>
</html>HTMLImports只是简单的失败。不知道为什么，但是如果我在主html文件中定义了自定义元素，它就能正常工作。
我也在Safari做测试。模板标记显示为空。
所以..。模板标签在导入时会失败，但是实际导入本身是有效的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-03 00:26:37
天啊。我在元素的脚本标记中添加了type="text/javascript“，现在一切都正常了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18026548
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号