BootStrap警报

Question

我有这个JSFIDDLE我点击事件按钮中的警报样本。我设法搜索代码，事件后警报将淡出。我现在想要做的是div我的按钮不会受到影响before and after的点击事件。我的意思在受影响的是

点击之前
1. - 按钮必须有一个空间警报是鉴于
2. 后点击 - 按钮不得警报褪色后向上移动。

我希望你们明白。

新手在这里引导。

CODE

CSHTML

< div class="alert alert-success" id="success-alert" style="width:auto"> 
<strong>Success! </strong > 
</div> 

< div class="modal-footer" > 
<button type="button" class="btn btn-primary" id="btnAlert"> 
     Alert</button > 
</div> 

JS

$("#success-alert").hide(); 
$("#btnAlert").click(function() { 
    $("#success-alert").fadeTo(5000, 500).slideUp(500, function() { 
     $("#success-alert").slideUp(500); 
    }); 
}); 

Answer 1

试试这个： 重新上面的空间不断消失的是，没有元素消耗该空间，所以按钮向上移动。因此，在这里我只是将html上的按钮的不透明度设置为零。 JSFIDDLE

$("#success-alert").css("opacity","0"); 
    $("#btnAlert").click(function() { 
      $("#success-alert").css("opacity","1"); 
     $("#success-alert").fadeTo(5000, 500,function(){ 
     $("#success-alert").css("opacity","0"); 
     });  
    });