I am using jqm to developer a simple web app for my company, which includes a sequence of images that will popup when users click on them.

My problem is when I click on the images, jqm suppose will help to center the popup image, but mine is not. 

The position is not proper, especially  when I keep clicking other images one by one. And the scale of the first-popped image will not be scaled to fit the screen....

However, if I change the browser size, the image will be centered again...

I just use the sample code from the jqm document.

2. $( ".photopopup" ).on({
3. popupbeforeposition: function() {
4. var maxHeight = $( window ).height() - 60 + "px";
5. var maxWidth = $( window ).width() * 0.8 + "px";
6. $( ".photopopup" ).css( "max-height", maxHeight );
7. $( ".photopopup" ).css( "max-width", maxWidth );
8. console.log( maxWidth+ ' ' + maxHeight);
9. }
10. popupatferclose: function() {
11.   $(".photopopup img").attr("src",'');
12.   // $( ".photopopup" ).popup('close') ;
13. }
14. });

here is my testing link

http://goo.gl/N6BkQ

Thanks for helping~