2011-09-30 69 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上運行良好。