2012-01-06 50 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; 
}); 

這樣可以防止默認提交,而是觸發你想要的動作。

相關問題