Javascript “物化”选项卡在加载到模式中时不起作用

所以我有一个带有物化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);
        }); 
    });

加载到模型中的视图与materialize网站上的示例相同：

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

测试1
测试2
测试3
测试4
$（文档）.ready（函数（）{
$（'ul.tabs'）.tabs（）；
});

但它不起作用，所有选项卡内容都同时显示，一个接一个。我尝试设置超时，并将get（）链接从控制器操作更改为直接操作，但没有成功。将选项卡加载到页面的静态元素中（例如，加载到“body”中）可以使一切正常工作，但我需要这些选项卡位于模式中。可能是什么问题？我怎样才能解决它

---

非常感谢任何可能的帮助。

我只是简单地为所有这些东西添加了id:changed

$（'.modal content'）.html（数据）

到

$（'#modalbox'）.children（'.modal content'）.html（数据）解决了我的问题
只需在脚本中添加以下代码：

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