javascript - 在表单提交时隐藏模式

我的网站具有以下功能，可以以模式提交表单。一切正常，除非当我取消注释该行时，当我取消注释该行时，未执行页面/index.php/trainings/add上的测试mysql插入。我是javascript和ajax的新手，所以我担心我缺少一些愚蠢的东西。我要关闭的模式div称为id =“ addModal”，它只是尝试了$（div＃addModal）.hide（）;但这只会隐藏div，并在网页上留下黑色的“哑光”背景。

$(function() {
  $("button#submit_button").click(function() {
    var date = $("input#date").val();
    var dataString = 'date='+ date;
    $.ajax({
        type: "POST",
        url: "/index.php/trainings/add",
        data: dataString,
        success: function() {
            //$(div#addModal).modal.hide();
        }
    });
    return false;
  });
});

如果有人可以帮助，我将非常感激。

谢谢，
詹姆士

编辑：

不知道这有什么用，但这是我的模态，形式如下：

<div id="addModal" class="modal hide faid" area-hidden="true">
    <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>Add Training</h3>
</div>
<form class="form-horizontal" id="addform">
    <div class="control-group">
    <label class="control-label">Date</label>
            <div id="datetimepicker1" class="input-append date">
        <input data-format="dd/MM/yyyy hh:mm:ss" type="text" id="date"></input>
        <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
        </span>
        </div>
    </div>
    <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button type="submit" id="submit_button" class="btn btn-primary">Save changes</button>
    </div>
</form>
</div>

最佳答案

尝试引用模式div本身。并检查引导程序documentation以获得更多信息

$("#addModal").modal('hide');