jquery-ui - jquery mobileでページが2番目のビューをリロードしないようにする

Question

私はJqueryモバイルを初めて使用します.Index.htmlページで検索ボタンをクリックするとリストがajax呼び出しを使用して動的に生成され、リストをクリックするとページが表示され、すべての値が表示されます. 問題は、表示ページから戻って検索し、リストを再度クリックすると、ajax呼び出しが2回発生することです（ページが2回リロードされることを意味します）。$(document).on('pageinit', function() {}); を使用しています。

以下のコードを修正してください。

index.html

<input type="button" id='sear' value="Search">  
 <div id="output" data-dom-cache="true">
  <ul data-role="listview" data-inset="true" id="display">
  </ul>
 </div>

search.js

 $.post("mobileser", {data},function(res) {
  $('#output ul').append("<li> <a href=./mobile/pages/details.html data-ajax='false'>"+'Incident No: '+v+' </li>'+'</a>');
  $('#display').listview('refresh'); 

details.html

<input type="text" id="Module"  name="Module" placeholder="AutoComplete" data-mini="true"  >
<input type='hidden' value='' name="hmoduleId" id="hmoduleId" class="autoCompleteCheck" />

viewdetails.js

$(document).on(pageinit, function() {
 $.post("url", {data}, function(res) {
  $(Module).val(value);
 },)
})

私を助けてください...