JQueryオートコンプリートがブートストラップモーダルで動作しません

Question

Bootstrapモーダルで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/

あなたはこれをチェックしましたか？純粋にブートストラップで作られました。