グリフコンのクリックでブートストラップモーダルを開くには？

Question

私はグリフィコンを使って編集ボタンを表示しています。

は今、そのアイコンのクリックで、私は、モーダルを開きたいです。どうしたらいいですか？

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