I asked a question last week about loading wordpress content into a div using jQuery – it worked like a charm. I have it styled, loading well on my computer and my phone HOWEVER, it does not load on anyone else’s machine. I can’t figure out why. Will someone please take a look with fresh eyes? Thank you very much.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<div id="myblog">
<p>Loading...</p>
<script type="text/javascript">
$(document).ready(function(){
$("#myblog").load("http://www.zephyrdesigns.com/blog/index.php #content");
});
</script>
</div>
</body>
</html>
Why would it load correctly on my machine? Is it because I have jQuery installed on my machine? Why does it load correctly on my phone? Why will it not load elsewhere?
Final issue: the blog post is at http://www.zephyrdesigns.com/blog (according to the address bar) but I assume the index.php file is where the items are sourced (and it does work on my local site [uploaded of course to allow ajax commands to work in jQuery). Does .php work differently in that regard? Am I grabbing the wrong .php file?
When you make this request, your web server returns “301 Moved Permanently” error, tested with Firebug in Mozilla Firefox. Maybe hot linking is disabled by your server settings?