3

这里的简单问题,但不幸的是无法解决。如标题中所述,我无法让 Riot 显示其自定义标签的内容。

<!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,代码如下:

riot.tag('hello', '<div> asdasd </div>', function(opts) {
});

这是它的 HTML:

<hello>
    <div>
        asdasd
    </div>
    <script>
    </script>
</hello>
4

2 回答 2

5

您不能在声明之前挂载您的标签。

您需要按以下顺序执行:

包括暴动:

<script type="text/javascript" src="node_modules/riot/riot.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>

挂载你声明的标签:

<script type="text/javascript"> riot.mount('*'); </script>
于 2015-05-15T09:16:32.900 回答
0

哎呀。报废那个。将 hello.js 移到了 riot.min.js 的下方,它起作用了。显然,将其放置在支架上方是至关重要的。

于 2015-05-15T08:26:37.497 回答