首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Riot.mount(*)没有任何作用

Riot.mount(*)没有任何作用
EN

Stack Overflow用户
提问于 2015-05-15 16:24:30
回答 2查看 211关注 0票数 3

这里有一个简单的问题,但不幸的是不能解决。正如标题中提到的,我无法让Riot显示其自定义标记的内容。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head></head>
<body>
    <hello></hello>
    <script type="text/javascript" src="node_modules/riot/riot.min.js"></script>
    <script type="text/javascript"> riot.mount('*'); </script>

    <script type="text/javascript" src="bower_components/lodash/lodash.min.js"></script>
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="bower_components/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/hello.js"></script>
</body>

hello.js是生成的js,代码如下:

代码语言:javascript
复制
riot.tag('hello', '<div> asdasd </div>', function(opts) {
});

下面是它的HTML:

代码语言:javascript
复制
<hello>
    <div>
        asdasd
    </div>
    <script>
    </script>
</hello>
EN

回答 2

Stack Overflow用户

发布于 2015-05-15 17:16:33

在声明标记之前,您不能挂载它。

您需要按此顺序执行以下操作:

包括riot:

代码语言:javascript
复制
<script type="text/javascript" src="node_modules/riot/riot.min.js"></script>

声明您的标记:

代码语言:javascript
复制
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/hello.js"></script>

挂载您声明的标记:

代码语言:javascript
复制
<script type="text/javascript"> riot.mount('*'); </script>
票数 5
EN

Stack Overflow用户

发布于 2015-05-15 16:26:37

哇哦。把它扔掉。将hello.js移至riot.min.js下方,即可正常工作。显然,把它放在架子上是很关键的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30254842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档