2012-04-14 2 views
4

jquery mobile autocomplete가있는 원격 JSONP 호출 (예 : ws.geonames.com)의 실례가있는 사용자는 누구입니까?JSONP를 사용하여 Jquery 모바일 자동 완성

나는 발견하고 (JQM, JQM 지역 자동 완성 등없이 원격 JSONP) 다른 조합을 작업 얻을 수 있지만, JSONP 원격 호출에 JQM 자동 완성 요청을 엉망으로되어있다 (기능 코드를 인코딩하고 localhost로 전송)

답변

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"); 
        }); 
       } 
      }); 
     });