2011-09-30 68 views
0

我正在为移动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上使用。

任何指针?

回答

1

所使用的基于AJAX的导航可能需要在Web服务器上查看才能在某些浏览器中工作。如果您点击链接时看到错误消息,请尝试使用其他浏览器。当我使用jQuery Mobile时,有时Ajax超链接技术起作用,有时它不会。虽然相同的代码在Opera上运行良好。