Php 如何在yii2中加载远程模式内容

我一直在尝试在同一个yii2视图上加载不同引导模式的远程内容

<?php
    $label  = $model->getAttributeLabel('educationId');
    $addon = [
        'prepend' => [
            'content' => Html::icon('book')
        ],
        'append' => [
            'content' => Html::button(
                Html::icon('plus'), [
                    'class' => 'btn btn-success',
                    'title' => 'Add New' . $label,
                    'onclick' => new JsExpression('showModal();'),
                ]
            ),
            'asButton' => true
        ]
    ];
    echo  Html::tag('label',$model->getAttributeLabel('educationId'), ['class'=>'control-label']);
    echo Select2::widget([
        'model' => $model,
        'attribute' => 'educationId',
        'data' => ArrayHelper::map ( EducationLevel::find ()->all (), 'id', 'name' ),
        'options' => ['placeholder' => 'Select Education Level ...','template' => 'label}\n{error}'],
        'addon' => $addon,
        'pluginOptions' => [
            'maximumInputLength' => 10
        ],
    ]);

因此，用户将单击文本字段的加载项按钮，模态将显示，其他文本字段应具有相同的机制，具有不同的模态内容

---

然而，我得到的只是褪色的背景。

我能够让它工作，而且不仅仅如此

我的问题主要是因为yii将生成的文件兑现，所以为了解决问题，我删除了生成的文件，并确保生成的内容是新的：）

我还没有使用JQuery加载函数

见以下代码：

PHP视图代码

        $label  = $model->getAttributeLabel('majorId');
        $addon = [
        'prepend' => [
        'content' => Html::icon('book')
        ],
        'append' => [
        'content' => Html::button(Html::icon('plus'), [
                'class' => 'btn btn-success',
                'title' => 'Add New' . $label ,
                'data-toggle' => 'modal',
                'data-target' => '#addModal',
                'href'=> 'addMajorModal.html',
                ]),
                'asButton' => true
                ]
                ];
        echo  Html::tag('label',$model->getAttributeLabel('majorId'),['class'=>'control-label']);
        echo Select2::widget([
                'model' => $model,
                'attribute' => 'majorId',
                'data' =>ArrayHelper::map ( Major::find ()->all (), 'id', 'name' ),
                'options' => ['placeholder' => 'Select Major ...','template' => 'label}\n{error}'],
                'addon' => $addon,
                'pluginOptions' => [
                'maximumInputLength' => 10
                ],
                ]);

<div class="modal fade" id="addModal" >
  <div class="modal-dialog" dir="rtl">
    <div class="modal-content" dir="rtl">
                <!-- Content will be loaded here from "addMajorModal.html" file -->
            </div>
        </div>
    </div>

$label=$model->getAttributeLabel（'majorId'）；
$addon=[
“预结束”=>[
'content'=>Html:：icon（'book'）
],
'附加'=>[
'content'=>Html:：button（Html:：icon（'plus'）[
“类”=>“btn btn成功”，
'title'=>'添加新的'.$标签，
“数据切换”=>“模式”，
“数据目标”=>“#添加模式”，
'href'=>'addMajorModal.html'，
]),
“asButton”=>true
]
];
echo Html:：tag（'label'，$model->getAttributeLabel（'majorId'），['class'=>'control-label']）；
echo Select2:：小部件([
'model'=>$model，
'属性'=>'主要'，
'data'=>ArrayHelper:：map（Major:：find（）->all（），'id'，'name'），
'选项'=>['placeholder'=>'选择主要…'，'template'=>'标签}\n{error}']，
'addon'=>$addon，
“插件操作”=>[
“最大输入长度”=>10
],
]);

模态文件内容

 <div class="modal-header panel-primary" dir="rtl" horizantal-aligned="">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">إضا�ة جديد</h4>
      </div>
      <div class="modal-body" dir="rtl">
        <div id="login-boxs" class="login-popup>
           <form id="newCat" method="post" class="signin" dir="rtl" action="#">
               <div class="form-group">
                    <label for="certName" class="control-label">مسمى التخصص </label>
                    <input type="text" name="name" data-val="true" data-val-required="ErrMsg" data-rule-required="true" placeholder="مسمى الشهادة" class="form-control" id="certName">
               </div>
                <div class="form-group">
                    <label for="certShortDesc" class="control-label">وص� قصير </label>
                    <input type="text" name="shdesc"  data-rule-required="true" placeholder="وص� قصير" class="form-control" id="certShortDesc" required>
               </div>
          </form>
                            </div>
      </div>
      <div class="modal-footer" dir="rtl">
      <div class="col-lg-6" dir="rtl">
        <div class="progress" >
                       <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" id="progresBarUpload">       
                       </div>
                   </div>
      </div>
      <div class="col-lg-6" dir="rtl">
      <button type="button" class="btn btn-danger" dir="rtl" data-dismiss="modal"><i class="glyphicon glyphicon-remove"> </i>Close</button>
        <button id="submitButton" type="button" dir="rtl" class="btn btn-primary" onclick="createCertificate()"><i class="glyphicon glyphicon-ok"> </i>Save changes</button>

      </div>

              </div>

&时代；
إضا�ة جديد
显示您的代码以重现问题。@已添加MikeBrant代码
 <div class="modal-header panel-primary" dir="rtl" horizantal-aligned="">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">إضا�ة جديد</h4>
      </div>
      <div class="modal-body" dir="rtl">
        <div id="login-boxs" class="login-popup>
           <form id="newCat" method="post" class="signin" dir="rtl" action="#">
               <div class="form-group">
                    <label for="certName" class="control-label">مسمى التخصص </label>
                    <input type="text" name="name" data-val="true" data-val-required="ErrMsg" data-rule-required="true" placeholder="مسمى الشهادة" class="form-control" id="certName">
               </div>
                <div class="form-group">
                    <label for="certShortDesc" class="control-label">وص� قصير </label>
                    <input type="text" name="shdesc"  data-rule-required="true" placeholder="وص� قصير" class="form-control" id="certShortDesc" required>
               </div>
          </form>
                            </div>
      </div>
      <div class="modal-footer" dir="rtl">
      <div class="col-lg-6" dir="rtl">
        <div class="progress" >
                       <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" id="progresBarUpload">       
                       </div>
                   </div>
      </div>
      <div class="col-lg-6" dir="rtl">
      <button type="button" class="btn btn-danger" dir="rtl" data-dismiss="modal"><i class="glyphicon glyphicon-remove"> </i>Close</button>
        <button id="submitButton" type="button" dir="rtl" class="btn btn-primary" onclick="createCertificate()"><i class="glyphicon glyphicon-ok"> </i>Save changes</button>

      </div>

              </div>