为什么我的HTML链接不能在PhoneGap/Eclipse中使用？

我在HTML/CSS中创建了一个应用程序。它在iPhone中正常工作。现在我在Eclipse中使用PhoneGap将其移植到Android。我使用这个页面来获取我的出发点：phonegap/phonegap-android-eclipse-quickstart当我按照该教程在我的eLocity中打开它时，它会正确启动，并将index.html作为主页打开。为什么我的HTML链接不能在PhoneGap/Eclipse中使用？

我的新index.html页面，它取代在上面的教程中使用的，全是普通的HTML内<li></li>列出了需要您在同一个文件夹（WWW）或下一个文件夹在其他地方的HTML页面（章<a href="1000.html">链接/1000.html）。但是当我在我的eLocity平板电脑上启动它时，链接不会触发。 <li>区域应该变成蓝色，但页面不会更改。

为什么普通的HTML链接不起作用？我在Eclipse中没有收到任何错误消息。

这里的index.html的开头：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> --> 
<html> 

<head> 
<meta content="yes" name="apple-mobile-web-app-capable"> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<meta content="minimum-scale=1.0, width=device-width, user-scalable=no" name="viewport"> 
<link href="Chapters/hymns-style.css" rel="stylesheet" type="text/css"> 
<link href="Chapters/style.css" rel="stylesheet" type="text/css"> 
<title>Husting Pocket Hymnal</title> 
</head> 
<body style="background-color:#00aaff"> 

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>  
<!-- <script type="text/javascript" charset="utf-8"> 
     document.addEventListener("deviceready", function() { 
      alert('initialized'); 
    }, true); 
    </script> 
--> 
<div id="content"> 

<span class="graytitle">Husting Pocket Hymnal</span> 


<ul class="pageitem"> 

    <li class="menu"> 
     <span class="name"><a href="Chapters/hymns-a.html">Hymns A</a></span> 
    </li> 

    <li class="menu"> 
     <span class="name"><a href="Chapters/hymns-b.html">Hymns B</a></span> 
    </li>

这里有一个页面的开始它去。 **所有这些HTML链接的工作：**

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 

<head> 
<meta content="yes" name="apple-mobile-web-app-capable"> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport"> 
<link href="hymns-style.css" rel="stylesheet" type="text/css"> 
<link href="style.css" rel="stylesheet" type="text/css"> 
<title>Hymns A</title> 
</head> 

<body> 
<div id="content"> 

<span class="graytitle">Hymns A</span> 

<br> 
<ul class="pageitem"> 

    <li class="menu"> 
     <span class="name"><a href="0300.html"> 
A debtor to mercy alone 
     <span class="detailbutton"></span></span></a> 
    </li> 

    <li class="menu"> 
     <span class="name"><a href="0301.html"> 
A lamp in the night, a song in time of sorrow 
     <span class="detailbutton"></span></span></a> 
    </li>

来源

2011-04-17 Steve