По ссылке до закрытия Bootstrap Alert

Question

Я пытаюсь закрыть оповещение после Я щелкаю по ссылке в ней, и мы переходим по ссылке. То, что происходит оповещение закрывается без пройдя по ссылке:

<div role="alert" class="alert alert-warning alert-dismissible"> 
    <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button> 
    A response has been updated. <a data-dismiss="alert" href="#main">Click here to view the update.</a> 
</div> 

Я ищу решение, которое не требует много проводных вверх событий Javascript, если это возможно.

Answer 1

Вы должны иметь возможность подключиться к событию бутстрапа, и это не так сложно. Из документации: bootstrap alerts. Для этого потребуется идентификатор или соответствующий селектор.

HTML

<div role="alert" class="alert alert-warning alert-dismissible" id="myAlert"> 
    <button aria-label="Close" data-dismiss="alert" class="close" type="button"> 
    <span aria-hidden="true">×</span></button> 
    A response has been updated. <a data-dismiss="alert" href="#main">Click here to view the update.</a> 
</div> 

JS

<script> 
    $('#myAlert').on('closed.bs.alert', function() { 
     window.location.href = "http://www.google.com"; 
    }) 
</script>