Я тестирую iUI для мобильных веб-приложений. Вместо того, чтобы помещать весь контент в одну HTML-страницу, я использую технику гиперссылки Ajax, описанную Джо Хьюиттом здесь . Однако я не могу заставить это работать в Chrome, хотя собственная демонстрация Джо Хьюитта по Digg, которая использует ту же технику, кажется, работает правильно.
Вот упрощенный исходный код:
main.html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="iui/iui.css" type="text/css" />
<link rel="stylesheet" href="iui/t/default/default-theme.css" type="text/css"/>
<script type="application/x-javascript" src="iui/iui.js"></script>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
</div>
<ul id="main" title="Main" selected="true">
<li><a href="screen1.html">Go to Screen #1</a></li>
<li><a href="screen2.html">Go to Screen #2</a></li>
</ul>
</body>
</html>
screen1.html:
<div class="panel" title="Screen 1">
<ul><li>Hello 1</li></ul>
</div>
screen2.html:
<div title="Screen 2">
Hello 2
</div>
Это нормально работает в Firefox (за исключением проблемы со стилем в screen2.html), но ссылки не работают в Chrome.
Есть указатели?