Question

我用HTML / CSS创建了一个应用程序。它在iPhone中运行良好。现在我在Eclipse中使用PhoneGap将其移植到Android。我已经使用这个页面来获得我的起点：phonegap / phonegap-android-eclipse-quickstart当我按照该教程并在我的eLocity中打开它时，它会正确启动，打开index.html作为主页。

我的新index.html页面取代了上面教程中使用的页面，在<a href="1000.html">列表中包含了正常的HTML <li></li>链接，可以将您带到同一文件夹中其他位置的HTML页面（www ）或下一个文件夹（Chapters / 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>

Answer 1

尝试＆lt; a href =“file：///android_asset/www/0300.html”＆gt; ...＆lt; / a＆gt;

如果可行，则可能是一个错误/边缘案例，其中包含URL处理在此行的工作方式：https://github.com/phonegap/phonegap-android/blob/master/framework/src/com/phonegap/DroidGap.java#L1028

Answer 2

我发现了问题。我可以点击文本并转到链接，但是在单元格的其他位置点击不起作用。这是因为我删除了最右边的箭头png。如果a href标记包含文本和该箭头，则链接在整个单元格中起作用。

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

2 个答案: