2012-01-06 12 views
2

JQuery Mobileを使用してPhoneGapアプリを作成しています。iOSウェブアプリのキーボードで検索と移動ボタンを削除する

私は、アプリケーション内でクリックされたボタンやリンクに基づいてページを変更します。私のすべてのビューは、単一のindex.htmlページにカプセル化されています。ボタンをクリックすると

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

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

アプリがで次のビューを移動します:

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

ユーザーがテキストで入力しているときに問題がある別のページがそうのようなdivのデータの役割によって分割されていますボックス。キーボードは "Go"または "Search"ボタンのいずれかを使用してポップアップします。ユーザーがこれをクリックすると、それらを次のページに移動するjavascript関数をバイパスし、誤ってアプリケーションのルートに戻します。

これらのボタンを無効にしたり削除したり、これらのボタンで変更ページ機能を起動させることができますか?

*注:これはPhoneGapアプリなので、私はObjective-Cでできることが限られており、ウェブページ内でこれを行うことに集中しています。

+0

はフォーム要素内の入力要素ですか? –

+0

はいそうです。私が追加できる要素はありますか? – Atma

答えて

4

要素がフォーム要素内にあるため、ユーザーは検索または移動ボタンを押してフォームを送信すると、ページがリロードされます。

フォーム提出をキャンセルする必要があります。質問の後半部分に答えるために

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

、これは私がやったことです:

これは、jQueryのでは、このようになります

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

これは、代わりにデフォルトが提出防ぎ、あなたが望むアクションを引き起こします。

関連する問題