关闭按钮在模态下无法正常工作

Question

<a data-toggle="modal" href="#mymodel" class="btn btn-primary btn-lg"
    style="opacity:.7;" id="edit-photo">Edit Photo
</a>
<div class="modal fade" id="mymodel">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Photo chooser</h4>
            </div><!-- modal-header -->
            <div class="modal-body">
                <form action="upload_file.php" method="post" enctype="multipart/form-data">
                    <input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                    <input type="submit" class="btn btn-primary choose" name="submit" value="Submit">
                </form>
            </div><!---modal-body--->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Close
                </button>
                <button type="button" class="btn btn-primary">
                    Save changes
                </button>
            </div><!---modal-footer--->
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我的关闭按钮不起作用。实际上我的单页中有超过1个模态。是否有任何数据被驳回的问题。 或者是否有任何jquery代码。 在我的主页上有多个编辑按钮。在每个编辑按钮上我想要modal.but但有些可以在popup之后关闭，有些则不是。