Wordpress in iframe on iOS

1

I am new to Hype coming from Edge Animate. So far Hype seems absolutely great. I need to get the content from a wordpress page into an iframe in a hype document on iOS. I’ve got it working fine on a mac based browser (Safari or Chrome) using the code below in and html widget in Hype. But it does’t work using Hype Reflect on an iPad. The hype documents loads but the iframe does not show the web based content. Any help would be greatly appreciated.

 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
  <script>
 	 $(document).ready(function(){
 		 $.ajax({
			url: "http://www.contemporaryguitarcollective.org/wp-json/wp/v2/posts?id=1",
 			success: function( result ) {
 				$('#temp').html(result[0].content.rendered);
 			}
 		});
 	});
   </script>
 </head>
 <body>
 <div id="temp">test</div>
2

The content appears to work for me.

  • Do you see the “test” at the bottom?
  • Does this happen when you send it to Mobile Safari?
  • What version of iOS and which iPad are you using?

The best way to debug this is to look at the web inspector if this is happening in Mobile Safari. There could either be errors or you can see what is appearing in the DOM of the iframe.

3

Hi, thanks for your reply.

It suddenly started working, I can’t explain that, I haven’t changed anything.

Thanks anyway!