为什么只有一个我的Riot.js标签呈现
Why does only one of my Riot.js tags render?
我有一个相对简单的页面,从CDN加载Riot.js,从本地脚本文件加载RiotControl,从文件加载RiotControl的Store
,以及两个自定义标记custom-a
和custom-b
。
<div class="ui text container" id="context">
<form class="ui form">
<h1>A Descriptive and Lovely Header</h1>
<div class="ui divider"></div>
<custom-a/>
<p>this is just a paragraph</p>
<custom-b/>
</form>
</div>
<!-- Riot.js Ceremony -->
<script>
RiotControl.addStore(new Store());
riot.mount('*');
</script>
标签正在被挂载——两个标签文件中的console.log
行显示了这一点——事件正在被正确路由(再次通过console.log
证明)。然而,在第一个自定义标签呈现后,没有任何内容:custom-a
显示如果它在顶部,custom-b
显示如果它在顶部,但它们之间的<p>
不呈现,另一个不呈现,如果它在那里。
我认为这可能是CSS的问题,所以我从页面上删除了语义UI链接,但这除了样式之外没有什么区别。
任何想法?
这不是Riot的问题,这是浏览器呈现自关闭标签的方式。检查这个提琴https://jsfiddle.net/9uezdbo9/1/
之前<div>Element before</div>
<self-close/>
<div>Element after</div>
呈现<div>Element before</div>
<self-close>
<div>Element after</div>
</self-close>
ref: https://github.com/riot/riot/issues/1111查看GianlucaGuarini答案
结果非常简单:Riot.js的"即时编译"方面似乎不能很好地处理自关闭标记。
<custom-a></custom-a>
<custom-b></custom-b>
相关文章:
- Morris.js折线图x轴标签在调整大小后消失
- Knockout.JS标签在foreach内部不起作用
- Chart.js条形图:网格颜色和隐藏标签
- 如何在标签上输出Chart.js雷达图的正确值
- 是否可以使用Chart.js缩短雷达图上的外部标签,而不影响其他标签
- 如何将具有相同功能的两个select html标签的两个JS组合在一起
- d3.js:如何为图上的散点添加标签
- 如何在chart.js中显示圆环图上的标签
- d3.js散点图中的刻度标签在Firefox 13.0.1中被截断
- Chart.js条形图标签在悬停时被隐藏
- 如何在Chart.js v2.0中的标签上添加OnClick事件
- Meteor.js:<脚本>标签不't在<身体>
- Highlight.js为每个<代码>标签
- D3.js-单击节点后无法设置节点标签
- d3.js轴标签-颜色不变
- 如何在angular js的ng应用程序中以普通的htm显示标签
- 如何将attr(id)添加到特定值的<文本>标签-Js/Jquery
- <a>超文本电子邮件链接的标签.JS搞砸了我的下拉列表,因为它是基于<a>标签
- 如何在HTML脚本标签JS上运行Gulp ESLint
- 这个标签JS有什么问题