riot.js嵌套標記 - 我如何選擇一個內部的HTML元素與jQuery？

Question

我有一個包含嵌套的標籤...... 例如防暴標籤：

<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> 

現在，我想用Materialise的庫和jQuery做出的排行榜 物化設計，如http://materializecss.com/forms.html 它通常在'select'標籤位於父標籤時工作正常！

但是，我找不到在哪裏初始化$('select').material_select(); 命令在子中，因此，子標記中的選擇標記是不可見的！

我試圖初始化它在父（和）子標籤的on（'mount'）區域 - 但它似乎總是$（'選擇'）選擇器返回一個空數組 - 任何想法？

Answer 1

您可以嘗試強制孩子更新，然後調用孩子上的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> 

網絡版https://jsfiddle.net/vitomd/Lm4dy21d/5