Как закрыть оповещение BootStrap автоматически?

Question

Это код, который я должен распечатать с ошибками, используя оповещение начальной загрузки, Но, однако, окно предупреждения остается на экране, даже если нет ошибок (после обновления страницы).

Я попытался сделать это, используя JavaScript, но он не работает. Может кто-то помочь мне решить эту проблему. Чтобы сообщение об ошибке появлялось только при возникновении ошибки от $_SESSION['error].

Thanks

Answer 1

Существует несколько способов.

1) Если вы хотите, чтобы полностью исключить предупреждение, если нет ошибок:

<?php if(isset($_SESSION['error']) AND ! empty($_SESSION['error'])): ?> 
<div class="col-sm-6 form-box"> 
     <div class ="alert alert-danger alert-dismissable"> 
      <button type="button" class="close" data-dismiss="alert"> <i class="fa fa-times-circle-o"></i> </button> 

      <?php 
       foreach ($_SESSION['error'] as $e){ 
            echo $e; 
       } 
       unset($_SESSION['error']); 
      ?> 
     </div> 
</div> 
<?php endif; ?> 

2) Просто скрыть тревогу, но держать его на этой странице. Затем вы можете скрыть или показать его с помощью JS позже:

<?php $showAlert = (isset($_SESSION['error']) AND ! empty($_SESSION['error'])) ? '' :'style="display:none;'; ?> 
<div class="col-sm-6 form-box"> 
     <div class ="alert alert-danger alert-dismissable" <?= $showAlert; ?> > 
      <button type="button" class="close" data-dismiss="alert"> <i class="fa fa-times-circle-o"></i> </button> 

      <?php 
       foreach ($_SESSION['error'] as $e){ 
            echo $e; 
       } 
       unset($_SESSION['error']); 
      ?> 
     </div> 
</div> 

Всего несколько вариантов, это можно сделать лучше.

Вы также можете скрыть предупреждение JQuery:

$('.alert').hide();