Response title
This is preview!
Chrome Problems
in Using jQuery
•
10 years ago
Working on the basics here. Page load works fine in Safari and fine on Iphone simulator (also Safari), but all asynchronous links fail in Chrome. I am loading them locally, not sure if this matters. Click the link for the About page and you get a page load error. I saw something similar with nested lists earlier. Thoughts?
Simple test page:
HOME:
<!DOCTYPE html>
<html>
<head>
<title>Page Loading</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<header data-role="header" data-theme="c">
<h1>Home Page</h1>
</header>
<div data-role="content" data-theme="c">
<ul data-role="listview" data-inset="true">
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<footer data-role="footer" data-theme="c">
<h4>Page Footer</h4>
</footer>
</div>
</body>
</html>
ABOUT:
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head>
<body>
<div data-role="page" id="about">
<header data-role="header" data-theme="c">
<h1>About Me</h1>
</header>
<div data-role="content" data-theme="e">
A note or two about me.
</div>
<footer data-role="footer" data-theme="c">
<h4>Page Footer</h4>
</footer>
</div>
</body>
</html>
1