自动完成JQuery插件?

时间:2015-03-07 19:32:46

标签: jquery html

我该如何安装? http://jqueryui.com/autocomplete/#default 谢谢,我试过但它不会起作用。

<script>
    $(function() {
        var availableTags = [
          "Covrigel",
          "DariuS.",
          "[GF]Vlad",
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

<div class="input-group custom-search-form">
    <input type="text" class="form-control" id="tags" placeholder="Search...">
    <span class="input-group-btn">
        <button class="btn btn-default" type="button">
            <i class="fa fa-search"></i>
        </button>
    </span>
</div>

我也使用this bootstrap

2 个答案:

答案 0 :(得分:0)

如果您的jquery库被正确引用,您可以使用:

<script>
  $(document).ready(function()){
    $(function() {
        var availableTags = [
          "Covrigel",
          "DariuS.",
          "[GF]Vlad"
        ];
        $( "#tags" ).autocomplete({
          source: availableTags
        });
      });   

  });      

</script>

我的实现看起来与此类似。我注意到你有一个额外的逗号,这会造成严重破坏。

答案 1 :(得分:0)

我建议使用Chosen : JQuery Plugin 非常简单易用,功能更强大:)