Question

我无法弄清楚我的代码中出了什么问题。

我已经检查了stackoverflow的类似问题，但没有任何帮助我

我导入我的js文件

     <link type="text/css" href="Scripts/jquery-ui.css" rel="stylesheet" />
     <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
     <script type="text/javascript" src="Scripts/jquery-ui.js"></script>

然后我为自动完成编写js：

<script>
   function log(msg) {
       $("<div>", { text: msg }).prependTo("#log");
   }

$("#elem").autocomplete({
    source: ["Javascript", "Java", "Jino"],

         minLength: 1,
         fillin:true,
         change: function (event, ui) {
           console.log(ui.item);
           }

       });

   $("#elem").autocomplete("widget").height(300);

    </script>

然后我写了html：

    <input id="elem" />

    <div id="log"></div>

它应该工作，我没有在IE上得到任何错误。我浏览了大量的例子，没有任何作用，我绝望了。<＆lt;

jsfiddle：http://jsfiddle.net/2d6fLepa/

Answer 1

现在有效，感谢Robert

$(function(){
function log(msg) {
   $("<div>", { text: msg }).prependTo("#log");
}

$("#elem").autocomplete({
source: ["Javascript", "Java", "Jino"],

     minLength: 1,
     fillin:true,
     change: function (event, ui) {
       console.log(ui.item);
       }

   });

   $("#elem").autocomplete("widget").height(300);


});

数组自动完成无法正常工作

1 个答案: