我的网络组件没有显示。Chrome确实支持这个吗?
我已经使用is
属性和使用 Javascript 进行了尝试。两者都不起作用。
索引(头部):
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="js/jquery/jqueryMobile/jquery.mobile-1.2.0.css" />
<script src="js/jquery/jquery-1.8.2.js"></script>
<script src="js/jquery/jqueryMobile/jquery.mobile-1.2.0.js"></script>
<link rel="components" href="x-mycomp.html"/>
<script>
var el = document.createElement('x-mycomp');
alert(el); // shows: [object HTMLUnkownElement]
</script>
索引(正文):
<div id="page1" data-role="page">
<div is="x-mycomp"></div>
</div>
x-mycomp.html:
<element extends="div" name="x-mycomp">
<template>
<content>
<div>
<div data-role="header">
<div>
Log in
</div>
<a id="bt_register" data-role="button">register</a>
</div>
<div data-role="content">
<form>
<input id="username" placeholder="username" type="text"/>
<input id="password" placeholder="password" type="password"/>
<a id="bt_login" data-role="button">Log in</a>
</form>
</div>
</div>
</content>
</template>
</element>