bootstrap中dialog弹框

html代码：

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
   </div>
 </div>

直接触发按钮，打开弹框

<div class="panel-heading font-bold m-t-n m-b-sm productList">
    <span>产品清单</span> 
    <span>
        <button id="addProduct"  
           class="pull-right-xs btn btn-sm btn-addon btn-info" 
           style="height: 31px;"
           data-toggle="modal" 
           data-target="#myModal"
        >
            <span >新增</span>
       </button>
   </span>
</div>

控制弹框的显示和隐藏

$('#myModal')['modal']('show');
$('#myModal')['modal']('hide')