Question

我正在为我页面上的每个模态对话框添加一个ID。当我打开我的模态窗口并执行代码时，模态对话框本身会消失，但阴影仍然打开，我无法滚动页面。我尝试过使用$('#ID').modal('hide')和toggle，但没有任何效果。我尝试使用click方法，但这也不起作用。

这是我的HTML代码

<div class="modal fade" id="{{c.id}}respondDialog">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title" align="center">Respond to {{c.author}}'s comment</h5>
                <button type="button" class="close" data-dismiss="modal">&times</button>
            </div>

            <form method="POST" name="responseForm" id="respForm" ng-submit="createComment(c, responseText)">

                <div class="form-group" align="center">
                                            <textarea cols="60" rows="2" ng-model="responseText"></textarea>
                </div>

                <div class="form-group" align="center"> 
                    <button type="submit" class="btn btn-success" ng-disabled="responseText.length == 0" ng-click="closeModal(c.id, 'respondDialog')"  >Respond</button>
                </div>
            </form>

        </div>
    </div>
</div>

这是我的controller.js

$scope.closeModal = function(ID, mode){
    $('#'+ID+mode).modal('hide');
    $('body').removeClass('modal-open');
}

即使removeClass也不会工作。

任何猜测？

Answer 1

您的JS和CSS引用似乎不正确。

JavaScript代码不会关闭动态打开的模式对话框

1 个答案: