Question

我无法在CodeIgniter中打开我的模态。我为模态做了一个视图，然后我加载到控制器中。但是当我点击按钮时，它并没有显示任何内容。没有反应。 head以正确的顺序导入Jquery和Bootstrap。在这里，我向您展示我的代码：

cdashboard.php ：

//header
$this->load->view('UI/vheader');

//sidebar
$this->load->view('UI/vsidebar',$data);

//modals
$data['modaltarea'] = $this->load->view('tareas/vmodalnewtarea',NULL,TRUE);

//data in dashboard
$this->load->view('vdashboard',$data);

//footer
$this->load->view('UI/vfooter');

vmodalnewtarea.php ：

<div id="newTareaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="newTarea" aria-hidden="true">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Tarea nueva</h5>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <!--Importar plantilla-->
          <div class="row">
            <div class="col-md-12">
              <h3>Importar plantilla</h3>
            </div>
            <div class="row">
              <!--Proyecto-->
              <div class="col-md-4">

              </div>
              <!--Fase-->
              <div class="col-md-4">

              </div>
              <!--Tarea-->
              <div class="col-md-4">

              </div>
            </div>
          </div>

          <!--Nueva Fase-->
          <div class="row">
            <div class="col-md-12">
              <h3>Nueva Tarea</h3>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="row">
                  <input type="text" placeholder="Nombre" required />
                </div>
                <div class="row">
                  <!--<table id="tableHitos" class="table table-bordered table-strip" >
                    <thead>
                      <th>
                        Hitos
                      </th>
                    </thead>
                    <tbody>

                    </tbody>
                  </table>-->
                  <a type="button" class="btn"><i class="fa fa-plus"></i></a>
                </div>
              </div>
              <div class="col-md-8">
                <textarea id="txtaTarea" rows="5" placeholder="Descripcion" required>
                </textarea>
              </div>
            </div>
          </div>

        </div>
      </div>
      <div class="modal-footer">
        <p>
          aaaaaa
        </p>
      </div>
    </div>
  </div>
</div>

我称之为模态的视图，在其他视图上（ vrowfase.php ）：

<div class="row fase">
  <div class="col-lg-12">
    <div class="col-lg-2 text-center">
      <div class="callout callout-warning">
        <h4><?= $fase->nombre?></h4>
          <div class="progress progress-xxs">
            <div class="progress-bar" role="progressbar" style="width: 50%">
            </div>
          </div>
        </div>
    </div>
    <div class="projectBar col-lg-10">
      <div class="row Bar">
        <?= $tareas; ?>
        <button type="button" class="btn btn-app text-center" data-toogle="modal" data-target="#newTareaModal">
          <i class="fa fa-plus"></i>
          Nueva Tarea
        </button>
      </div>
    </div>
  </div>
</div>

感谢您的帮助！

Answer 1

你的模态ID是

newTareaModal

按钮中的数据目标是

TareaModal

Answer 2

写错了。在 vrowfase.php 我有＆＃34;数据 - toogle ＆＃34;并且是＆＃34;数据 - 切换＆＃34;

谢谢你！

无法在codeigniter中打开Bootstrap模式

2 个答案: