2011-08-13 2 views
2

jquery-ui 자동 완성을 jquery-mobile 사이트에 사용하고 있습니다. 그것은 문제없이 일하고 있으며, 내가 사이트를 직접 여는 한 오래 지속됩니다.ajax 탐색을 사용하여 측면으로 이동하면 작동하지 않습니다.jquery에서 자동 완성 jquery-mobile

편집 검증 예 :

<div data-role="page" data-theme="b" id="main" data-add-back-btn="true class="main""> 
<div data-role="content"> 
<input type="search" name="search" id="search" value="" /> 
</div> 
<script> 
$('#main').live('pagecreate',function(event, ui) { 
var availableTags = [ 
     "Testone", 
     "Testtwo", 
     "Testthree" 
    ]; 
$("#search").autocomplete({ 
    source: availableTags, 
    minLength: 2, 

}); 
}); 
</script> 
</div> 
+0

다만 apache acces_log를 확인했다. 페이지에 직접 액세스 할 때 호출됩니다. 사이트로 이동하여 무언가를 입력하면 호출되지 않습니다. – grandh

+0

예. 필자는 함수로 정의한 소스로 자바 스크립트 배열을 테스트했습니다. 같은 결과. 따라서 search.php를 호출하는 것은 문제가 될 수 없습니다. – grandh

+0

예, 항상 해고됩니다. 경고 메시지로 테스트했습니다. 내가 사이트를 탐색 중이라면 여러 번 경고를받습니다. – grandh

답변

0

나는 자동 완성과 JQM 사이트를 가지고 있고, 유사한 문제에 충돌 : AJAX 호출이 항상 페이지가 원하는 시간에 의해 수행되지 않은 자동 완성 옵션을 채우기 위해 트리거 autocomplete 코드 자체를 실행하십시오.

나는이를 트리거되는 자바 스크립트의 본질에 맞춰 놓았습니다 (즉, 비동기식이므로 기회를 잡을 수 있습니다 ...).

자, 이건 제가 알고있는 해킹 비트입니다.하지만 시간 초과를 추가하면 저에게 효과적입니다 (기간을 실험 해봐야합니다). 내 응용 프로그램에서 내 jQM $(document).bind("mobileinit"... 코드 뒤에 이런 것이있다 :

<script type="text/javascript"> 
    $(function(){ 
    // Horrible, but necessary 
    setTimeout(doAutoComplete, 2500); 
    }); 

    function doAutoComplete(){ 
    $("#YOUR_FIELD_ID").autocomplete({ 
    // Your ac code here… 
    }); 
    } 
</script> 
+0

힌트를 보내 주셔서 감사합니다. 그러나 문제가 해결되지 않았습니다. – grandh