Jquery 如何在单击图标时打开引导模式？

我在我的视图中显示一个使用字形图标的编辑按钮

现在点击这个图标，我想打开一个模态。我该怎么办

以下是我正在做的：

<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>

&时代；
通过以下方式激活的设备：
激活：
//内容

尝试以下操作：

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

---

是的，这很有效，谢谢