マテリアライズド・タブはモーダルにロードされたときに機能しません

Question

私はMaterialize CSSを使用してプロジェクトを作成しました.HTMLにはモーダルをトリガーするボタンがあり、タブを含むスクリプトを含むいくつかのデータがこのモーダルにロードされます。

私のコードは次のようになります。

$('.modal-trigger').click(function() { 
     var id = $(this).data('id'); 
     animatedOpenModal($(this).attr('id'),'modalbox','open'); 
     $.get('{{action("Admin\Controller@getUser")}}'+'/'+id).success(function(data){ 
      $('.modal-content').html(data); 
     }); 
    }); 

モーダルにロードされたビューがマテリアライズのウェブサイト上で例として与えられたものと同じだった：

<div class="row"> 
    <div class="col s12"> 
     <ul class="tabs"> 
     <li class="tab col s3"><a href="#test1">Test 1</a></li> 
     <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li> 
     <li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li> 
     <li class="tab col s3"><a href="#test4">Test 4</a></li> 
     </ul> 
    </div> 
    <div id="test1" class="col s12">Test 1</div> 
    <div id="test2" class="col s12">Test 2</div> 
    <div id="test3" class="col s12">Test 3</div> 
    <div id="test4" class="col s12">Test 4</div> 
    </div> 
    <script> 
    $(document).ready(function(){ 
     $('ul.tabs').tabs(); 
    }); 
    </script> 

しかし、それは動作しません、すべてのタブの内容が同時に表示されます。私はタイムアウトを設定しようとしましたが、get（）リンクをコントローラアクションから直接アクションに変更しようとしましたが、動作しませんでした。ページの静的要素にタブを読み込むと（たとえば 'body'に）、すべて機能しますが、これらのタブがモーダル内にある必要があります。何が問題になる可能性があり、どうすれば解決できるのでしょうか？

可能性のあるヘルプに感謝します。

Answer 1

単にスクリプトに次のコードを追加します私の問題を解決：

$('.modal-trigger').leanModal({ 
    ready: function() { 
     $('ul.tabs').tabs(); 
    } 
}); 

Answer 2

まあ、私は単純にすべてのこのようなものにIDを追加しましたが：$('#modalbox').children('.modal-content').html(data);へ$('.modal-content').html(data);を変更し、それが