阻止页面在jquery mobile中重新加载第二个视图

时间:2013-05-03 10:05:48

标签: jquery-ui jquery jquery-mobile jquery-plugins

我是Jquery手机的新用户,在我的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);
 },)
})

请帮帮我......

1 个答案:

答案 0 :(得分:0)

使用e.preventDefault()根据您的情况阻止回发