jquery 3.1.0和jquery-ui自动完成不兼容，有什么解决方法？

阿尔迪安·伊万

我在让jQuery 3.1.0与jQuery UI的自动完成功能一起使用时遇到麻烦。

我知道的唯一解决方法是将jQuery 3.1.0替换为与jQUERY UI安装程序一起预包装的版本。不幸的是，这对我不起作用，因为jQuery UI安装程序包中的版本不允许我使用网站需要的标签输入和其他现代功能。

<input type="email" id="tags" class="form-control" placeholder="Any Criteria" data-role="tagsinput">

<script type="text/javascript" src="external/jquery/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="external/jquery-ui/js/jquery-ui.min.js"></script>
  <script>
      $( function() {
        var availableTags = [
          "ActionScript",
          "AppleScript",
          "Asp",
          "BASIC",
          "C",
          "C++",
          "Clojure",
          "COBOL",
          "ColdFusion",
          "Erlang",
          "Fortran",
          "Groovy",
          "Haskell",
          "Java",
          "JavaScript",
          "Lisp",
          "Perl",
          "PHP",
          "Python",
          "Ruby",
          "Scala",
          "Scheme"
        ];
        $( "#tags" ).autocomplete({
          source: availableTags
        });
      } );

JP赫勒蒙斯

似乎现在可以正常工作：

https://jsfiddle.net/jphellemons/0ukbtgs4/

jQuery 3.1.1
jQuery UI 1.12.1

与您的代码：

<input type="email" id="tags" placeholder="Any Criteria">
<script type="text/javascript" src="external/jquery/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="external/jquery-ui/js/jquery-ui-1.12.1.min.js"></script>
<script>
  $(function() {
    var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", 
      "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript",
      "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"
    ];
    $("#tags").autocomplete({
      source: availableTags
    });
  });
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。