boostrap模态框笔记

<div class="modal fade bs-example-modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">
                    模态框标题
                </h4>
            </div>
            <div class="modal-body">
                <div class="form-horizontal" role="form">
                    <input type="hidden" id="id" name="id" />
                    <div class="form-group">
                        <label for="robotId" class="col-sm-2 control-label">机器人编号</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="robotId" name="robotId" style="border:none"  readonly>
                        </div>
                    </div>
                 ...
                    <div class="form-group">
                        <label for="robotDescription" class="col-sm-2 control-label">描述</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="robotDescription" name="robotDescription" style="border:none" readonly>
                        </div>
                    </div>

                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
       <button type="button" class="btn btn-primary" id="submit">提交</button>
           </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

js:
//初始化模态窗口
$('#modal').modal({
    backdrop: false,//指定一个静态的背景，当用户点击模态框外部时不会关闭模态框。
    show: false,//true 初始化的时候显示模态框，false 方法调用再显示
    keyboard: true //指定一个静态的背景，当用户点击模态框外部时不会关闭模态框。
//添加按钮绑定事件 )}

    //添加

$("#add").on("click", function() {
    $("#id").val("");
    $("#modalLabel").html("添加"); //动态修改模态框标题
    clearModalForm();
    $("#modal").modal("show"); //显示模态框
});
//模态框表单提交
$("#submit").on("click", function() {
    save();
});

});

function save() {
    var  id = $("#id").val();
    var intent = $("#intent").val();
    var applyCaseType= $("#applyCaseType").val();
    var questionElem =$("#questionElem").val();
    var clarifyId =$("#clarifyId").val();
    var clarifyStatement=  $("#clarifyStatement").val();
    var answerWordSlot = $("#slotCode").val();
    var answerInputType = $("#answerInputType").val();
    var mergeTree = $("#mergeTree").val();
    if(mergeTree==''){
        mergeTree=true;
    }
    var branchRule = $("#branchRule").val();
    var syntheticTemplate=$("#syntheticTemplate").val();
    var answerCode = $("#answerCode").val();
    var  coverParenTeplate= $("#teplate  input[name='coverParenTeplate']:checked").val();
    $.ajax({
        url: URLObject.saveOrUpdateBtn,
        type: "post",
        async: false,
        data: {
            id: id,
            syntheticTemplate : syntheticTemplate,
            answerCode : answerCode,
            coverParenTeplate :coverParenTeplate
        },
        success: function(resp) {
            var data = resp;
            if(data.flag == 1 || data.flag == "1") {
                WinAlert.jAlert("提示", data.msg, function() {
                    countDiv=1;
                    $("#modal").modal("hide"); //保存后隐藏事件
                    clearModalForm();
                    $("#table").bootstrapTable("refresh");
                });
            } else {
                WinAlert.jAlertError("操作失败", data.msg);
            }
        },
        error: function(err) {
        }
    });
}