Ajax show bootstrap alert box 1次

问题描述

现在，我可以显示警报框，根据我每按一次提交，警报框会不断增加。我只希望显示一次。

js

    $('.form-ajax').on('submit',function(e){
    e.preventDefault();
    var form = $(this);
    var url = form.attr('action');
    var method = form.attr('method');
    var data = form.serialize();
    var callback = form.attr('callback');
    if(typeof callback !=='string'){
        callback = function(response){
            $("#error-Box").append('<div class="alert alert-success alert-block">'+'<button 
           type="button" class="close" data-hide-closest=".alert" data- 
           dismiss="alert">×</button>'+'<strong>'+response.message+'</strong>'+'</div>');
            if(typeof response.url ==='string' && response.url!=''){
                window.location.href=response.url;
            }else{
        }
        }
    }
    Helper.ajax (url,method,data,callback)
});

观看次数：

      <div id="error-Box">
      </div>

解决方法

您可以这样做

 Let popup = $(<div id="error-box"></div>);
 //Append popup were you like and when you are done just remove this from dome elements.
 
 $(selector).append(popup);
 //When u r done
 popup.remove();

,

您可以使用模态。

<div class="modal hide" id="myModal" >
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Error</h3>        
  </div>
  <div class="modal-body">
    Your error message here.
  </div>
  <div class="modal-footer">
  </div>
</div> 

当您需要显示它时。

$('#myModal').modal('show');