Javascript riot.js嵌套标记-如何使用jquery选择内部html元素？

我有一个包含嵌套标签的riot标签。。。 例如：

<parent>
<!-- dome html here...-->
     <child></child> <!-- visually - the child is mounted correctly !-->

     <script>
       this.on('mount', function(){
            $('select').material_select();
       });
     </script>
</parent>

<child>
   <select>
       <option values="1">1</option>
       <option values="2">2</option>
       <option values="3">3</option>
   </select>
   <script>
       this.on('mount', function(){
            $('select').material_select();
       });
   </script>
</child>

this.on（'mount'，function（）{
$（'select'）。材料选择（）；
});
1.
2.
3.
this.on（'mount'，function（）{
$（'select'）。材料选择（）；
});

现在，我想使用Materialize库和jquery创建列表 具体化设计，如在 当“select”标记位于父标记中时，它通常可以正常工作

但是，我找不到初始化

$（'select'）的位置
命令，因此，子标记中的select标记不可见

我尝试在父标记和子标记的on（'mount'）区域内初始化它-但是看起来$（'select'）选择器总是返回一个空数组-有什么想法吗？
您可以尝试强制子标记更新，然后在子标记上调用on（'updated'）事件，因为DOM似乎还没有准备好onMount。检查这个例子

<parent>
<!-- dome html here...-->
     <child></child> <!-- visually - the child is mounted correctly !-->

     <script>
       this.on('mount', function(){
            this.update();
       });
     </script>
</parent>

<child>
  <div>
   <select>
       <option values="1">1</option>
       <option values="2">2</option>
       <option values="3">3</option>
   </select>
  </div>
   <script>
       this.on('updated', function(){
            $('select').material_select();
       });
   </script>
</child>


this.on（'mount'，function（）{
这个.update（）；
});
1.
2.
3.
this.on（'updated'，function（）{
$（'select'）。材料选择（）；
});

在线版本
我现在处理它的方式真的不是最优的。。。我正在初始化$（'select'）。material_select（）；在一个函数中，并在mount事件触发后1000毫秒使用setTimeout（）调用它-这可以工作，但实际上并不优雅-是否有更优雅的方法来知道何时装入嵌套标记？！您是否尝试过
$（'select'，this.root）.material_select（）
in-child tag mount event？令人沮丧的是，它可以在我的JSFIDLE:上工作，但不能在我的网页包应用程序中工作。我不得不在坐骑上使用100毫秒的定时器来完成最后的通话。你的例子在使用最新（v2.6.1）的riot版本时没有技巧->这里是Heikki小提琴的一个更复杂的变体。我使用动态创建的id和连接更改事件。