Yii2将视图渲染为模态

我想将视图页面呈现为预览模式

<div>
 <?php foreach($softs as $soft) { ?>
  <a id="modalButton" href="<?=Url::to(['documents/view', 'id'=>$soft->id]); ?>"><h3><?=$soft->title; ?></h3></a>
  <?php 
    Modal::begin([
        'header' => 'Test',
        'id' => 'modal',
        'size' => 'modal-lg',
    ]);
    echo "<div id='modalContent'></div>";
    Modal::end();
    ?>
  <?php } ?>
</div>

我的剧本

$(function(){
    $('#modalButton').click(function (){
        $('#modal').modal('show')
        .find('#modalContent')
        .load($(this).attr('href'));
    });
}); 

但是当我点击链接时，它会打开一个没有CSS的视图页面，而不是一个弹出模式

---

请帮我做这个。谢谢

您可以按照以下内容更新代码

<div>
 <?php foreach($softs as $soft) { ?>
  <!-- updated id to class here -->
  <a class="modalButton" href="<?=Url::to(['documents/view', 'id'=>$soft->id]); ?>"><h3><?=$soft->title; ?></h3></a>
  <?php } ?>

  <!-- We don't need to print modal popup multiple times -->
  <?php 
    Modal::begin([
        'header' => 'Test',
        'id' => 'modal',
        'size' => 'modal-lg',
    ]);
    echo "<div id='modalContent'></div>";
    Modal::end();
    ?>

</div>

---

在模式按钮单击函数返回false中添加一行代码。它可以工作。但仅限于第一项。你也能帮我吗？很好：）非常感谢。

<div>
 <?php foreach($softs as $soft) { ?>
  <!-- updated id to class here -->
  <a class="modalButton" href="<?=Url::to(['documents/view', 'id'=>$soft->id]); ?>"><h3><?=$soft->title; ?></h3></a>
  <?php } ?>

  <!-- We don't need to print modal popup multiple times -->
  <?php 
    Modal::begin([
        'header' => 'Test',
        'id' => 'modal',
        'size' => 'modal-lg',
    ]);
    echo "<div id='modalContent'></div>";
    Modal::end();
    ?>

</div>

$(function(){
    // changed id to class
    $('.modalButton').click(function (){
        $.get($(this).attr('href'), function(data) {
          $('#modal').modal('show').find('#modalContent').html(data)
       });
       return false;
    });
});