如何加载另一个html文件在jQuery移动的按钮点击 [英] how to load an another html file on a button click in jquery mobile
问题描述
我在使用jQuery移动框架在phonegap中创建一个应用程序。
I am creating an application in phonegap using the jQuery mobile framework.
在我的 index.html
我有两个文本框接受用户名和密码。
In my index.html
file I have a two text boxes to accept username and password.
当我点击提交按钮,它调用一个函数 submitBtn c $ c>,它检查用户名和密码是否正确,如果正确,那么它应该加载一个我创建的新的html文件`selectOption.html'
When I click on the submit button it calls a function submitBtn()
that checks whether the username and password is correct or not and if it is correct then it should load a new html file that I have created `selectOption.html'
这里是我的代码
<script type="text/javascript">
$(document).ready(function() {
var userName;
var userPassword;
$("#submitBtn").click(function() {
//alert("HI");
userName = $("#UserName").val();
userPassword = $("#Password").val();
if ((!UserName)|| (!userPassword)) {
alert("Enter the Details");
}
else {
if ((userName !="alpha") ||(userPassword !="beta")) {
alert('Enter correct username and password');
}
else {
//here i want to load my selectOption.html file ?
}
}
});
});
</script>
我的< body>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Enter Credential</h1>
</div>
<div data-role="content">
<label for="UserName">User Name</label>
<input type="text" name="UserName" id="UserName" value="" style="width:220px;" />
<label for="Password">Password</label>
<input type="password" name="Password" id="Password" value="" style="width:220px;" />
<div id="submitBtn" data-role="button">Submit</div>
</div>
</div>
</body>
函数被调用,但是如何加载 selectOption.html
文件?
The function is getting called but how can I load the selectOption.html
file?
推荐答案
您是否尝试过使用jQuery Mobile方法执行导航?
Have you tried using the jQuery Mobile method to perform navigation?
$.mobile.changePage("newpage.html");
http://jquerymobile.com/demos/1.0/docs/api/methods.html
这篇关于如何加载另一个html文件在jQuery移动的按钮点击的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!