Question

我有一个非常标准的html文件。

奇怪的是，该应用程序适用于Android，html文件在Safari和Windows等浏览器中工作。一切都很好。但是，当我进入iOS模拟器时，字面上没有任何链接工作。链接的目的只是在页面之间导航。我不知道为什么他们不会工作。

任何人都可以解决这个问题吗？我也没有看到任何控制台错误。

由于

<!DOCTYPE HTML>
<html>

<head>

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <link rel="stylesheet" href="fonts/fonts.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/jquery.sidr.dark.css" type="text/css">


</head>

<body class="sign-in">

<!-- PAGE -->
<div id="wrapper">
    <div class="page">

        <div class="container">

            <h1 class="big-logo"></h1>


            <!-- Sign in Form -->
            <section class="sign-in-form">

                <form id="login-form">

                    <div class="input-wrap">
                        <input type="text" id="username" placeholder="Email Address">
                        <input type="password" id="password" placeholder="Password">

                    </div>

                    <a class="btn btn-green" onclick="$('#login-form').submit();"> Sign In </a>

                </form>

            </section>

            <!-- Create Account -->
            <div class="first-time"> First time user? <a href="registration.html"> Create Account </a></div>
            <div class="forgot-password">
                <a href="forgot-password.html"> Forgot your password? </a>
            </div>
        </div>

        <!--// PAGE -->

    </div>
</div>
<script src="cordova.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/global.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script src="js/jquery.sidr.js"></script>
<script src="js/iscroll-probe.js"></script>
<script src="js/touch.js"></script>
<script type="text/javascript" src="js/index.js"></script>


</body>
</html>

按要求配置config.xml：

    <?xml version='1.0' encoding='utf-8'?>
<widget xmlns:cdv="http://cordova.apache.org/ns/1.0"
    id="com.gladwinput.testApp"
    version="0.0.1"
    xmlns="http://www.w3.org/ns/widgets" >

    <name>
Test
    </name>

    <description>
    </description>

    <author
        email="apps@gladwinput.com"
        href="http://gladwinput.com" >
        David G
    </author>

    <content src="index.html" />

    <access origin="*" />

</widget>

Answer 1

实际上结果是一个iScroll错误 - 它在最新版本中的错误，并不断听取ontouch，这意味着它覆盖了任何链接。对那些人抱歉！

Answer 2

这很简单，我认为您已将文件的[.html]移动到组文件夹或其他地方。

您只需将.html文件放在“WWW”文件夹中，如果您将文件移动到其他文件夹，则表示无法使用。

剪掉你忘记密码的内容＆amp; registration.html文件并将它们粘贴到WWW目录中，它将按编码工作。

Answer 3

您需要输入文件的绝对网址..例如

<a href="/forgot-password.html"> Forgot your password? </a>

注意＆＃34; /＆＃34;。

您需要将文件放入www或任何文件夹到www文件夹中......例如

WWW /用户/忘记-password.html

链接将是：

<a href="/user/forgot-password.html"> Forgot your password? </a>

IOS - HTML链接无法正常工作 - 手机差距

3 个答案: