Question

<html>
<head>
<title>Quiz Application</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8">
function ready()
{
if(document.getElementById("rb2").checked)
{
alert("correct");
}else if(document.getElementById("rb1").checked)
{
alert("incorrect");
}
else
{
alert("incorrect");
}
}    
function nextPage()
 {
                 window.location = "next.html";
 }
</script>
</head>
<body>
<form method="post">
<center><h1>Quiz Application</h1></center><br><br>
<center>What does JVM stands for ?<br><br>
<radiogroup>
<input type="radio"  id="rb1"/>Java Vendor Machine<br>
<input type="radio"  id="rb2"/>Java Virtual Machine<br>
<input type="radio"  id="rb3"/>Java Viral Machine<br>
<input type="submit" id="sub" value="Freeze" onclick="ready();"/><br>
<input type="submit" id="next" value="Next Question" onclick="nextPage();"/></center>
</radiogroup>
</form>
</body>
</html>

以上是我点击事件后将我的页面重定向到下一页的代码但它没有重定向到下一页。我在stackoverflow上也经历了很多问题，但没有成功请帮帮我提前谢谢。

Answer 1

你在那做什么？如果您使用jQuery mobile进行此操作，示例将如下所示：

<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js">    </script>
</head>
<body>
    <div data-role="page" id="page1">
        <p>This is page 1. If you want to go to Page 2 click <a href="#page2"> here</a>.
    </div>

    <div data-role="page" id="page2">
        <p>This is page 2. If you want to go back to Page 1 click <a href="#" data-rel="back" data-transition="reverse"> here</a>.
    </div>
</body>
</html>

按功能更改页面可能如下所示：

function changePage() {
    $.mobile.changePage( "#loginPAGE", { transition: "none", changeHash: true });
}

这是笔：http://codepen.io/anon/pen/gaeoQE

框架 - 移动应用程序开发

就像我在评论中所说，我建议你使用一个框架。因为我不知道，你在JavaScript和其他任何我认为你应该从jQuery开始的熟悉程度。对于移动应用程序开发而言，它不是我认为最好的框架之一，但它易于学习，这对您来说非常重要。

所以jQuery对您的网站来说是件事。对于您的移动应用，您需要jQuery mobile。

您访问这些网站并下载两者。下载完成后，您将打开index.html并将脚本添加到<head></head>部分，使其如下所示：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

这些都很重要。此外，包含脚本的顺序也很重要。

将此添加到标题后，您就可以访问大量功能。所有功能都可在演示环境中测试，可在此处找到：jQuery mobile Demos (1.4.5)。

完成后，您就可以将我的笔码从我的笔中复制到您的<body></body>中，它应该可以正常运行。要通过javascript更改页面，您可以使用我之前发布的function changePage()。

我希望这会对你有所帮助，如果没有，请告诉我在哪里可以帮助你。

Answer 2

我找到了查询的解决方案。我刚刚在按钮上写了以下函数（输入类型应该是按钮而不是提交然后才会起作用）

功能nextPage（）
{

document.location = “nextpage.html”; //而不是window.location

}

onclick重定向到下一页不在phonegap中工作

2 个答案:

框架 - 移动应用程序开发