Closing jQuery Mobile new popup cause page to refresh uselessly

Question

I\'m using the new jqm popup with the 1.2.0 alpha release and my problem is that my page from which I call the popup is refreshed uselessly when closing the popup using esc

Answer 1

Per my comment, here's a temporary workaround to the issue. Just appropriately bind to the navigate event and call preventDefault. This will prevent the reloading of the page. I ended up binding to the popupafterclose, only when it's been opened:

  $('.my-popup-selector').on('popupafteropen', function () {
      $(this).one('popupafterclose', function () {
          $(window).one('navigate.popup', function (e) {
              e.preventDefault();
          });
      });
  });

Answer 2

I had a similar problem and, as I did not need to use history in my case, I solved it disabling globally popup history like this:

$.mobile.popup.prototype.options.history = false;

Answer 3

I had a similar problem and I fixed it with using history: false:

$("#selector").popup({ transition: 'slidedown', history: false, overlay: true });
$("#selector").popup("open");

Answer 4

Add data-history="false" to popup div. thus when popup closes it doesn't redirect to another page .

Answer 5

Found this post while having a similar problem on IE11 with jQuery Mobile 1.4.5

I found that I could prevent the "reload" when closing the popup by declaring the popup with the data-history="false" attribute in my HTML.

Ex:

...