ページが Ajax 経由で読み込まれるときに、検索入力に値がないという問題があります。ここに私のHTMLがあります:
<form id="searchForm" action="javascript:;" method="post">
<div>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
<input type="submit" data-mini="true" value="Search" />
</div>
</form>
入力ボタンがある理由は、フォームを送信しない [検索] ではなく、IOS キーボードの [完了] をクリックするシナリオを持っている人を見つけたクライアントからの要求によるものです。送信を処理する私のJavascriptは次のとおりです。
$(document).on('submit', '#searchForm', function () {
var text = $("#search-mini").val();
text = encodeURIComponent(text);
window.location.href = "/Mobile/Browse/Text?text=" + text;
return true;
});
ページを更新すると、これはすべて正常に実行されるため、コンテンツは AJAX 経由で読み込まれません。ページ間のリンクが失敗し、ページが AJAX によって読み込まれます。このシナリオでは、警告の「テキスト」には空白の値があります。
DOM ready() の代わりに「PageInit」などの JQM 初期化イベントを使用することについて読んだことがありますが、これが正しいアプローチである場合、コードでこれを実装する例が必要ですか?
よろしく、
ダニー