提交表单后，模式窗口未关闭

Modal window not closed in after submitting the Form

本文关键字：窗口模式表单提交更新时间：2024-04-14

我一直在努力实现这一点，但提交按钮根本不起作用。

每当我单击提交按钮时，模式窗口都不会关闭。

我使用的引导模式窗口是：

HTML:

<div class="modal fade" id="like_Modal" role="dialog" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-sm sr_popup">
        <div class="modal-content sr_popup_content">
            <div class="modal-header sr_pop_heading">
                <button class="close sr_popup_close" data-dismiss="modal"
                    type="button">&times;</button>
                <p class="modal-title sr_title">Save Likes to Favorites</p>
            </div>
            <div class="modal-body">
                <form name="favForm">
                    <div class="fm_panel">
                        <label class="formLabel">Name</label> <input class="form-control"
                            name="docTitle" type="text" value="{{documentTitle}}"
                            ng-maxlength="150" maxlength="150" required
                            ng-model="documentTitle"> <span
                            ng-show="favForm.docTitle.$error.required" style="color: red;">
                            The name is required.</span>
                    </div>
                    <br />
                    <button class="btn btn-default sr-submit-button" type="submit"
                        ng-click="saveBookmark(documentTitle, documentUrl);"
                        ng-disabled="!favForm.$valid">Save</button>
                </form>
            </div>
        </div>
    </div>
</div>

链接：

<a  href="" id="kb_rslts_img_add_to_like_{{$index}}" ng-click="saveTolikes(x.documenttitle, x.url);" data-keyboard="false" data-backdrop="static">

下面是jquery中的示例，它将对您有所帮助

$(function(){
   $('#im_modal').modal('show');
});

 <div id="im_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Image" aria-hidden="true">
    	<div class="modal-footer">
            <a type="button" class="btn pull-left"  data-dismiss="modal">Cancel</a>
            <button type="submit" class="btn btn-primary pull-left">OK</button>
     </div>
</div>

您可以使用以下代码行隐藏模态。

 $('#like_Modal').modal('hide');