このヘッダーをjQueryモバイルページに配置する
<div class="ui-grid-a">
<div class="ui-block-a">
<a href="#start"><img class="logo" src="/Mobile/Images/logo.png" /></a>
</div>
<div class="ui-block-b">
<fieldset data-role="controlgroup" data-type="horizontal">
<input class="productsearch" placeholder="Sök produkt..." data-type="search" />
</fieldset>
</div>
検索機能をトリガーするために、次のコードを使用して送信とキーアップの入力の両方を聞きます。
$(document).on('submit', '.js-mainForm', function() {
mobileHandler.searchTrigger();
return false;
});
$(document).on('keyup', '.productsearch', function(event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
mobileHandler.searchTrigger();
}
});
私が直面している問題は、Android版Firefoxで、検索を送信する可能性がないことです。Androidキーボードの[次へ]ボタンのみが表示されます。私がテストした他のすべてのAndroidブラウザー(ネイティブジンジャーブレッド、ハニカム、ドルフィンブラウザー、およびiPad)では、[移動]ボタンが表示され、通常どおりフォームを送信できます。
Firefoxや、同じ問題が発生している可能性のあるまだテストされていない他のブラウザに検索を送信させるにはどうすればよいですか?