jquery-uiオートコンプリートin jquery-mobile

Question

jquery-mobileサイトでjquery uiオートコンプリートを使用しています。私はサイトを直接開いている限り、問題なく動作しています。ajaxナビゲーションでサイドに移動すると機能しません。

編集テスト可能な例：

<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> 

Answer 1

私はオートコンプリートとjQMサイトを持っており、同様の問題を打つ：AJAX呼び出しは、常にページがしたかった時点で行われていなかったオートコンプリートオプションを移入するトリガーオートコンプリートコード自体を起動します。

これは、トリガーされているJavaScriptの性質に基づいています（つまり、非同期で、チャンスを取る...）。

これは私が知っている少しのハックですが、私はタイムアウトを追加しました（期間を実験する必要があります）。私のアプリでは、私の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>