提交角度后如何关闭模态？

Question

我有此模态表格要提交。 在stackoverflow中搜索后，在jQuery中找到了将其关闭的代码，但对我不起作用！ 此jquery代码在index.html中

$(document).ready(function(){
    $(".modal :button").click(function(){
        $('.modal').modal('hide');
    });
  });

就像完全不绑定到那些.modal和Submit按钮。 还尝试绑定按钮ID中的点击事件，但无法再次使用

Answer 1

如果您按代码指示使用引导程序，则只需将data-dismiss =“ modal”属性添加到模式中的按钮，单击时它将关闭模式。

例如：

<button type="button" class="btn btn-default pull-right"  data-dismiss="modal">Close</button>

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src=" https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <button type="button" data-toggle="modal" data-target="#demo-modal" class="btn btn-default">Click to show modal</button> <div id="demo-modal" class="modal fade"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <h4>Modal header</h4> </div> <div class="modal-body clearfix"> <p>Modal body</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button> </div> </div> </div> </div>