---
title: "How to reload page on closing a Bootstrap 3 modal"  
description: "How to reload page on closing a Bootstrap 3 modal"  
author: "Sunil Singh"  
published: 2017-12-12  
updated: 2017-12-12  
canonical: https://www.mindstick.com/forum/34391/how-to-reload-page-on-closing-a-bootstrap-3-modal  
category: "jquery"  
tags: ["jquery", "html", "bootstrap"]  
reading_time: 1 minute  

---

# How to reload page on closing a Bootstrap 3 modal

I want [page refresh](https://www.mindstick.com/forum/158700/how-can-implement-client-side-form-submission-and-prevent-page-refresh-using-jquery) when [modal](https://www.mindstick.com/interview/660/explain-modal-dialog-box) is closed.. this is my modal [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii)

```
<div class="modal fade" id="dashboard" aria-hidden="true" data-backdrop="static" data-keyboard="false" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"  data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="modalTitle1"></h4>
            </div>
            <div class="modal-body" id="divModelContent1">
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>
```

## Replies

### Reply by Manish Kumar

You can bind the event to reload [page](https://www.mindstick.com/articles/13031/why-to-make-a-wikipedia-page) on click of close:\

```
<script>
    $(document).ready(function () {
        $('#dashboard').on('hidden.bs.modal', function () {
            location.reload();
        })
    });
</script>
```


---

Original Source: https://www.mindstick.com/forum/34391/how-to-reload-page-on-closing-a-bootstrap-3-modal

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.