My code is:
<div data-role="page" id="pageID">
<div data-role="header" data-position="fixed">
<p>Directions</p>
</div>
<div data-role="content">
<div style="width:100%; height:80%;">
<iframe src="http://m.google.com" seamless=""></iframe>
</div>
</div>
</div>
But when I come to this page Google is not loaded. I’m trying on Samsung Galaxy S Android phone.
Dont use iFrame with JQM on mobile phones. iFrame is not going to work with some built-in android browsers. Have you tried to test it on mobile chrome or firefox browser?
Worst case scenario use this component instead. It is a phonegap plugin used to show new browser window.
This example should work. I have tested it on my Galaxy S3.