Bootstrap 3 - 当模态隐藏时隐藏内容

时间:2015-06-11 22:20:27

标签: javascript jquery twitter-bootstrap modal-dialog

当我的模态表单(成功返回Ajax内容)关闭时。内容消失了。

<h4>Ajax Results</h4>
<div id="ajaxResults">
</div>

底层的JavaScript是:

 $('#modalTBMSubmit').on('click', function (e){
    $.ajax({
        type:"POST",
        url:"./services/addTypeBrandModel.php",
        data:$('#addTypeBrandModel').serialize(),
        success: function(msg){
            $('#ajaxResults').append('<strong>Success!</strong>');
        },
        error:function(){
            $('#ajaxResults').append('<strong>Failure!</strong>');
        }       
    });

我的模态形式是这样的:

<div id="modalBrandModel" class="modal fade" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">

我没有在模态对话框中应用其他类。知道为什么“成功!”关闭模态对话框时会消失吗?

1 个答案:

答案 0 :(得分:0)

我意识到该页面正在进行完全重新加载,因为我忘记了包含在我的javascript中:

  Require all granted

谢谢。