I have stumbled upon this weird problem, where an iframe in the content area of a jQuery mobile site is reloaded the first time I open a panel. Any subsequent opening does not reload the iFrame.
You can see it in action in this fiddle: http://jsfiddle.net/jakobgt1/Z3mmn/7/ (watch the network requests).
<body> <div data-role="page"> <div id="nav-panel" data-role="panel"> <a href="#my-header" data-rel="close">Close panel</a> </div> <div data-role="content"> <a href= "#nav-panel" data-role="button">FooBar</a> <iframe src="http://gedefar.dk/"/> </div> </div> </body>
If I replace the iframe with anything else it is not reloaded (such as a picture -http://jsfiddle.net/jakobgt1/GdKu2/1/):
<img src="http://dummyimage.com/200x200/000/fff"/>
I'm using jQuery 1.10.1, jQuery Mobile 1.4.0 RC-1.
Is it a bug, or is there something I have missed?
Jakob
Ps.: Also posted to http://stackoverflow.com/questions/20677293/jquery-mobile-reloads-iframe-on-panel-opening