Почему мои ссылки HTML не работают в PhoneGap / Eclipse? - PullRequest
0 голосов
/ 17 апреля 2011

Я создал приложение в HTML / CSS.Он отлично работает в iPhone.Сейчас я портирую его на Android, используя PhoneGap в Eclipse.Я использовал эту страницу, чтобы получить мою отправную точку: phonegap / phonegap-android-eclipse-quickstart Когда я следую этому руководству и открываю его в своем eLocity, он запускается правильно, открывая index.html в качестве домашней страницы.

Моя новая страница index.html, которая заменяет ту, которая использовалась в приведенном выше руководстве, полна обычных ссылок HTML <a href="1000.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>

Ответы [ 2 ]

0 голосов
/ 19 апреля 2011

Я нашел проблему.Я могу нажать на текст и перейти по ссылке, но нажатие в другом месте ячейки не сработало.Это потому, что я удалил стрелку png, которая принадлежит в крайнем правом углу.Если тег href заключает текст и эту стрелку, то ссылка работает по всей ячейке.

0 голосов
/ 17 апреля 2011

Попробуйте ...

Если это сработает, то это может быть ошибкой / крайним примером того, как работает обработка URL в этой строке: https://github.com/phonegap/phonegap-android/blob/master/framework/src/com/phonegap/DroidGap.java#L1028

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...