2012-12-05 82 views
1

我有一個搜索表單,它是data-ajax = false。因爲我想寫我自己的自定義ajax調用。JQMobile - 無法加載自定義ajax中的微調器

<form id="search" data-ajax="false"> 
<fieldset data-role="controlgroup" data-mini="true"> 
<input required="required" autocorrect="off" name="TERM_1" placeholder="Search Catalogue" type="search" value=""/> 
</fieldset> 
</form> 

下面是js代碼

$(document).bind('pageinit',function() { 
$('#search').unbind('submit'); 
     $('#search').submit(function(event) { 
     $.mobile.loading('show', { text: "loading", textonly: true, textVisible : true }); 
     input = $('[name="TERM_1"]').val(); 
     $.ajax(
     { 
      type: "GET", 
      async: false, 
      url: 'LiberoWebServices.JSONAPI.cls', 
      data: 
      { 
       Method: "Catalogue", 
       Type: "simple", 
       Split: 10, 
       Term: input 
      }, 
      dataType: 'jsonp', 
      success: function(data) { 
       loadResults(data); 
      }, 
      complete: function(data) { 
       $.mobile.loading('hide'); 
      } 
     }) 
     return false; 
     }); 
    }); 

裝載彈出似乎並沒有顯示出來。我猜它與我解綁和綁定的方式有關。 我解除綁定的原因是因爲每次我提交表單時,它都會爲我在DOM中預取的所有其他頁面運行ajax調用。 我不知道什麼是最好的方式去做這件事。

需要幫助瞭解如何獲取加載彈出窗口。 謝謝

+0

你應該一步一步做。我想你已經證實瞭解綁的作品。接下來驗證您的綁定是否正在使用alert/log等隨機testJS進行調用。然後驗證加載('show')是否有效。(本身)。然後所有的事情都應該一起工作。我想知道提交本身是否會阻止附加的JS發生。 – EricG

回答