JQuery自動完成不適用於引導模式

Question

我已經在引導模式中使用Knockout js模板實現了ui-li結構。在構建我的文本框的一面顯示如下。

<input id="key" class="form-control" type="text" style="width:100px;border:0px;" data-bind="value:ConditionData" placeholder="Key">

，並在自動完成我的JS文件我寫這樣的代碼

var availableTags = [ 
 
     "ActionScript", 
 
     "AppleScript", 
 
     "Asp", 
 
     "BASIC", 
 
     "C", 
 
     "C++", 
 
     "Clojure", 
 
     "COBOL", 
 
     "ColdFusion", 
 
     "Erlang", 
 
     "Fortran", 
 
     "Groovy", 
 
     "Haskell", 
 
     "Java", 
 
     "JavaScript", 
 
     "Lisp", 
 
     "Perl", 
 
     "PHP", 
 
     "Python", 
 
     "Ruby", 
 
     "Scala", 
 
     "Scheme" 
 
    ]; 
 
    debugger; 
 
    $("#key").autocomplete({ 
 
     source: availableTags, 
 
     appendTo: $("#ruleNodeModal") 
 
    }); 
 

 
    $(document).on('keypress', '#key', function (e) { 
 
     debugger; 
 
     $("#key").autocomplete({ 
 
      source: availableTags, 
 
      appendTo: $("#ruleNodeModal") 
 
     }); 
 
    });

但還是自動完成沒有出現。

感謝和問候

Answer 1

var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $(".addresspicker").autocomplete({ 
     source: availableTags 
    }); 
$('#modalIns').modal('show'); 
$(".addresspicker").autocomplete("option", "appendTo", ".eventInsForm"); 

http://jsfiddle.net/lughino/TtxqG/4/

你檢查嗎？它完全是在Bootstrap中完成的。