2012-01-06 65 views
2

我正在使用JQuery Mobile编写PhoneGap应用程序。在iOS Web应用程序的键盘上删除搜索并启动按钮

我根据应用程序中点击的按钮和链接更改页面。我的所有视图都封装在一个index.html页面中。不同的页面,像这样打破了由格数据的作用:

$.mobile.changePage("#search2_1"); 

问题是,当用户在文本输入:

<div data-role="page" id="view1"></div> 

<div data-role="page" id="view2"></div> 

当按钮被点击应用程序与移动下一个视图框。键盘随着“Go”或“Search”按钮弹出。如果用户点击此选项,则会绕过将其移至下一页的JavaScript功能,并无意中将其发送回应用程序的根目录。

无论如何禁用或删除这些按钮,甚至有这些按钮触发更改页面功能?

*注意:因为这是一个PhoneGap应用程序,所以我在Objective-C中所能做的事情有限,并且我正专注于在网页中执行此操作。

+0

是表单元素中的输入元素吗? – 2012-01-06 23:49:32

+0

是的,他们是。有没有我可以添加的元素? – Atma 2012-01-06 23:55:03

回答

4

由于您的元素位于表单元素中,因此用户通过按下搜索按钮或执行按钮来提交表单,这会重新加载页面。

您需要取消表单提交。

这将是这个样子jQuery中:

$("yourform").submit(function(){ 
    return false; 
}); 
2

要回答这个问题的第二部分,这是我做的:

$('#form').submit(function(e) { 
    e.preventDefault(); 
    $('#button').trigger('click'); 
    return false; 
}); 

这样可以防止默认提交,而是触发你想要的动作。

相关问题