我正在为移动web应用程序测试iUI。我没有将所有内容放入单个HTML页面,而是使用Joe Hewitt here描述的Ajax超链接技术。不过,我无法在Chrome中使用它,尽管Joe Hewitt自己的Digg演示使用了相同的技术,但似乎可以正常工作。iUI Ajax超链接在Chrome中不起作用
这里是简化的源代码:
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上使用。
任何指针?