Javascript IOS-html链接不起作用-电话间隙_Javascript_Ios_Cordova_Href

Javascript IOS-html链接不起作用-电话间隙

javascript ios cordova

Javascript IOS-html链接不起作用-电话间隙,javascript,ios,cordova,href,Javascript,Ios,Cordova,Href,我有一个非常标准的html文件奇怪的是，该应用程序可以在android上运行，html文件可以在safari和windows等浏览器中运行。一切都很好。然而，当我进入iOS模拟器时，实际上所有链接都不起作用。链接的目的只是从一页导航到另一页。我不知道他们为什么不工作有人能解决这个问题吗？我也没有看到任何控制台错误谢谢 <!DOCTYPE HTML> <html> <head> <meta name="viewport" content=

我有一个非常标准的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>

按要求配置.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>


试验
大卫·G

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

您只需要将.html文件放在“WWW”文件夹中，如果您将文件移动到其他文件夹，则意味着它将无法工作

剪切忘记密码.html®istration.html文件，并将其粘贴到WWW目录中，它将按编码方式工作。

事实证明是一个iScroll错误-它在最新版本中存在错误，并不断侦听ontouch，这意味着它覆盖了任何链接。对不起，伙计们

您需要输入文件的绝对url。。比如说

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

请注意“/”

您需要将文件放入www或任何文件夹放入www文件夹。。比如说

www/user/forget-password.html

链接将是：

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

Related：您能发布忘记密码的.html（或registration.html）和config.xml吗？另外，当你点击链接时，控制台中是否有任何消息？我不相信这与绝对路径有关（我只使用亲戚，图像等，只是链接没有）。单击链接时，控制台中不会显示任何消息。我将发布config.xml。您使用的某个类可能具有绝对位置或z索引，从而导致表单呈现在其中一个包装器div层后面。如果没有所有的CSS，很难说问题出在哪里。试着去掉所有无关的包装器div和类，看看这是否有帮助。保持简单，删除所有内容，看看1个链接是否能自己工作。如果它继续添加更多代码，直到您发现问题。我怀疑这就是布莱恩·沙姆布伦所说的。