Phonegap/Jquery Mobile Androidアプリ - ナビゲーションに影響するフォーム提出

Question

私はjquerymobile Androidアプリを開発しましたが、フォーム提出の問題以外はすべてうまくいきます。

基本的には、テキストを入力して物理検索ボタンをクリックすると検索機能がうまくいきますが、テキストを入力してEnterボタンをクリックすると、アプリはホームページにナビゲートします。

これは私のフォーム

<form class="srchForm" action="searchThis()"> 
    <input type="search" class="srchInput"> 
    <div class="clearBtn"><span class="hidden">Clear</span></div> 
    <div class="srchBtnOne"><span class="hidden">Search</span></div> 
</form> 


function searchThis() { 

    event.preventDefault(); 

    var inputDetails= $('.srchInput').val(); 

    $('.srchRes').empty(); 
    $('.srchRes').append('<iframe frameborder="0" scrolling="no" width="300" frameborder="0" src="http://uc.dialogue.netsrch.jsp?query='+inputDetails+'&searchMode=any&indexGroup=" style=" border:none;background:#FFF; overflow:none; width:300px;"></iframe>'); 
} 

である私は）（私はevent.preventdefaultでこれを解決しようと思いました。しかしそれはまだ問題を引き起こしている.. 誰も何かを提案することができますか？

歓声 ポール

Answer 1

のjQueryモバイルフレームワークは、おそらくまだハイジャックフォーム送信のそれ自身のAJAX処理のためのフォームの送信をです。このように個別にこれを停止、グローバルにフォームのAJAX処理を無効にするか、フォーム上でAJAXを無効にするには：

<form class="srchForm" action="searchThis()" data-ajax="false"> 
    <input type="search" class="srchInput"> 
    <div class="clearBtn"><span class="hidden">Clear</span></div> 
    <div class="srchBtnOne"><span class="hidden">Search</span></div> 
</form> 

のjQuery Mobileの
• グローバルコンフィギュレーション：http://jquerymobile.com/demos/1.0/docs/api/globalconfig.html
• 提出フォームをjQueryのモバイルで：http://jquerymobile.com/demos/1.0/docs/forms/forms-sample.html

Answer 2

Try this: 

$(document).delegate("#index", "pageshow",function(event){ 
     $('#index #searchForm').bind('submit',function(e) { 
      e.preventDefault; 
     }); 
     $("#index #searchformbtn").unbind("blur"); 
     $("#index #searchformbtn").bind('blur',function(event){ 
      var inputDetails= $('.srchInput').val(); 
     $('.srchRes').empty(); 
     $('.srchRes').append('<iframe frameborder="0" scrolling="no" width="300" frameborder="0" src="http://uc.dialogue.netsrch.jsp?query='+inputDetails+'&searchMode=any&indexGroup=" style=" border:none;background:#FFF; overflow:none; width:300px;"></iframe>'); 
      return false; 
     }); 
    }); 

Answer 3

これは私が問題を解決できる唯一の方法だった -

$(window).keydown(function(event){ 
    if(event.keyCode == 13) { 
    event.preventDefault(); 
    searchThis() 
    return false; 
} 
});