bootstrap-table如何实现点击某一行弹窗显示本行内容？

Question

本来想在每一个tr标签中动态添加点击的属性，发现并不能实现点击弹窗的功能，请各位大佬分析一下

• 弹窗代码

<div class="modal" id="machemodal">                                                       
    <div class="modal-dialog">                                                            
        <div class="modal-content">                                                       
          <div class="modal-header">                                                      
              <h4 class="modal-title" align="center">设备详情</h4>                            
          </div>                                                                          
          <div class="modal-body">                                                        
            <p> -----</p>                                                                 
          </div>                                                                          
          <div class="modal-footer">                                                      
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>                                                                          
        </div>                                                                            
    </div>                                                                                
</div>                                                                                    

• js添加属性代码

 $(document).ready(function() {
         $('tr').each(function () {
             $(this).on("click", function() {
                 $("#machemodal").modal("toggle");
             })
         });
    });

Answer 1