JavaScript的modal、dialog调用

页面中使用dialog，并使用了模态-modal，在js中再去点击或者其他操作，基础不牢固，搞了一天，改了好久的事件！一定要记下来了。

首先看一下页面

<style>
.modal-child{
position:fixed;
top:inherit;
margin-top:5%;
margin-left:15%;
width:70%;
backgroud:#ffffff;
border-radius:5px;
padding:0px 5% 1% 5%;
}
</style>
<a id="insertBtn"value="0" data-toggle="modal" data-target="#modal_1">增</a>
<div class="modal fade"> id="modal_1" tabindex="-1" role="dialog" aria-labelledby="modal_1Lable" aria-hidden="true">
 <div class="modal-child">
  <text>页面内容</text>
   {%if not is_admin%}
    <div class="div-btn" style="text-align:right;width:96%;padding-bottom:8px">
      <button class="btn-cancel" type="button" data-dismiss="modal">取消