jquery ui dialog onbeforeunload

jquery ui dialog onbeforeunload  using -'jquery,jquery-ui-dialog,onbeforeunload'

I have a small problem.  I'm attempting to catch the OnUnLoad Event of the Window and ask a confirmation question and if the user decides they want to stay then fine, and if they want to leave the page then they'll lose all unsaved data.  Here's the issues...

I'm using a jQuery UI Dialog and when I put the following code on my page, I have the Dialog open, and when I click the back button on the browser, it never pops up the msgbox.  It just refreshes the page:

<script type="text/javascript">
    $(window).bind('beforeunload', function() {
            alert('you are an idiot!');

And the solution that I'm using was a post here.  Again, the msgbox will display fine if I do not have the jQuery UI Dialog open.  If I do, then it doesn't display the msgbox and just refreshes the page.

Any ideas?

asked Oct 6, 2015 by dhananjayksharma
0 votes

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:
To avoid this verification in future, please log in or register.