предотвратить повторный загрузку страницы во втором представлении в jQuery mobile

Question

Я новичок в JQuery mobile. На моей странице Index.html, когда я нажимаю кнопку списка поиска, будет динамически генерироваться при помощи вызова ajax, когда я нажму на список. Он перейдет на страницу отображения и отобразите все значения. Проблема в том, что когда я возвращаюсь со страницы отображения для поиска и снова нажимаю на список, повторный вызов ajax происходит два раза (перезагрузка страницы дважды). Я использую $ (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); 
},) 
}) 

Пожалуйста, помогите мне ...

Answer 1

Использование e.preventDefault() для предотвращения обратной передачи на основе вами условия