2012-04-14 34 views
4

任何人都有jQuery移動自動完成的遠程JSONP調用(例如ws.geonames.com)的工作示例?使用JSONP的Jquery移動自動完成

我發現,可以得到工作的其他組合(遠程JSONP沒有JQM,JQM本地自動完成,等等),但與JSONP遠程調用JQM自動完成的重整請求(編碼功能代碼並將其發送到本地主機)

回答

0

試試這個:

$(document).on("pageinit", "#myPage", function() { 
      $("#autocomplete").on("listviewbeforefilter", function (e, data) { 
       var $ul = $(this), 
        $input = $(data.input), 
        value = $input.val(), 
        html = ""; 
       $ul.html(""); 
       if (value && value.length > 2) { 
        $ul.html("<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>"); 
        $ul.listview("refresh"); 
        $.ajax({ 
         url: "http://gd.geobytes.com/AutoCompleteCity", 
         dataType: "jsonp", 
         crossDomain: true, 
         data: { 
          q: $input.val() 
         } 
        }) 
        .then(function (response) { 
         $.each(response, function (i, val) { 
          html += "<li>" + val + "</li>"; 
         }); 
         $ul.html(html); 
         $ul.listview("refresh"); 
         $ul.trigger("updatelayout"); 
        }); 
       } 
      }); 
     });