iUI Ajax超链接不工作在Chrome

iUI Ajax hyperlinks not working in Chrome

本文关键字：Chrome 工作 Ajax 超链接 iUI      更新时间：2023-09-26

我正在测试移动web应用程序的iUI。我没有将所有内容放在一个HTML页面中，而是使用Joe Hewitt在这里描述的Ajax超链接技术。然而，我无法在Chrome中工作，尽管Joe Hewitt自己的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上运行良好(在screen .html中没有样式问题)，但在Chrome上不起作用。

指针吗?

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

看起来与iUI没有任何关系，而是一个Chrome问题，影响通过Ajax加载任何本地文件。

这里是另一个与这个问题相关的SO问题，这次出现在JQuery中:

  • 使用Chrome本地文件的jQuery getJSON问题

接受的答案包括到Chromium bug跟踪器中的bug链接。

相关文章：