Overlay Panel Not Working After page Transition

Overlay Panel Not Working After page Transition

Hi,

Following the recommendation in the jQuery Mobile docs, I have implemented a similar popup overlay menu that looks and behaves the same. However, after each page transition, the overlay panel does not expand to the full height of the page unless I hit F5 on that page.

Having had a bit of a look, the problem seems to be that the popupbeforeposition event isn't being fired, or isn't being fired at the correct time.

Here is the code that I am using:
  1. /* Options Menu */
  2.  $("#OptionsMenuPanel").on({
  3.    popupbeforeposition: function () {
  4.      var h = $(window).height();
  5.      $("#OptionsMenuPanel").css("height", h);
  6.    }
  7.  });

Cheers,


Kaine