riot.jsネストされたタグ - jqueryで内側のhtml要素を選択するにはどうすればよいですか？

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> 

は今、私はそのようなhttp://materializecss.com/forms.html それのように実体に設計されたリスト を作るためにマテリアライズライブラリーとjQueryを使用したいです'select'タグが親タグにある場合、通常正しく動作します！

しかし、子の中で$('select').material_select(); コマンドを初期化する場所を見つけることができないため、子タグのselectタグは表示されません。

親タグと子タグのon（ 'mount'）領域内で初期化しようとしましたが、常に$（ 'select'）セレクタが空の配列を返します。

Answer 1

DOMの準備ができていないように見えるため、子供が更新されてから強制的に子のon（ 'updated'）イベントを呼び出そうとすることができます。この例を確認してください。

<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