Following Link Before Closing Bootstrap Alert

I am trying to close an alert after I click the link in it and we follow the link. What is happening is the alert is closing without following the link:

Solution 1:

You should be able to hook into the bootstrap event and it isn't that complicated. From documentation: bootstrap alerts. It will require an id or appropriate selector for the alert.

html

<divrole="alert"class="alert alert-warning alert-dismissible"id="myAlert"><buttonaria-label="Close"data-dismiss="alert"class="close"type="button"><spanaria-hidden="true">×</span></button>
    A response has been updated. <adata-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>

Share