如何在单击 Glyphicons 时打开 bootstrap 模式？

Question

我认为我正在使用 Glyphicons 显示编辑按钮。

现在单击该图标我想打开一个模式。我该怎么办？

这是我正在做的事情：

<h3>  <?php echo $this->session->userdata('site');?>&nbsp<i class="fa fa-pencil-square-o"></i></h3>

我这样试过：

<h3>  <?php echo $this->session->userdata('site');?>&nbsp<i class="fa fa-pencil-square-o" data-target="#activateddevices"></i></h3>

但这不起作用。

我的模式：

<div class="modal fade" id="activateddevices" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Devices Activated Using : <?php echo $this->session->userdata('site');?></h4>

      <h4 class="modal-title">Activated: <?php echo $used."/".$allowed;?></h4>


    </div>
    <div class="modal-body">


     //CONTENT

    </div>

  </div>

</div>

Answer 1

尝试以下操作：

 <h3>  <?php echo $this->session->userdata('site');?>&nbsp<i class="fa fa-pencil-square-o" data-toggle="modal" data-target="#activateddevices"></i></h3>

如何在单击 Glyphicons 时打开 bootstrap 模式？

How to open a bootstrap modal on click of Glyphicons?

jquery

twitter-bootstrap

bootstrap-modal