如何在单击 Glyphicons 时打开引导模式？答案

【问题标题】：How to open a bootstrap modal on click of Glyphicons?如何在单击 Glyphicons 时打开引导模式？
【发布时间】：2016-04-19 10:58:38
【问题描述】：

在我看来，我正在使用 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>

【问题讨论】：

标签： jquery twitter-bootstrap bootstrap-modal

【解决方案1】：

尝试以下方法：

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

【讨论】：

是的，谢谢