jquery ui 自動完成功能不適用於 jquery 3.2.1 版

Question

嗨，我在我們的項目中使用 jquery 3.2.1 版，現在我需要使用包含 1.12.4 版的 jquery ui 自動完成功能。 因此，我們的自動完成位置更改（頂部和左側位置）。 為此，我剛剛找到了一個臨時解決方案。我通過 jquery 動態計算位置並通過 jquery 設置位置。 但我不確定我將來會在任何其他功能中遇到問題。 所以有沒有其他解決方案可以在所有情況下正常工作。 我正在使用的自動完成是這個

自動完成中的文件是：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

我需要使用

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

提前致謝！

Answer 1

檢查此代碼它正在工作。 參考

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.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> </head> <body> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> </body> </html>

Answer 2

我的輸入自動完成城市也有同樣的問題，

在版本 3 中，Jquery 自動完成的工作方式有所不同。 您需要將數據放在 {} 之前：

<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(availableTags{
      // others options
    });
  } );
</script>

jquery ui 自動完成功能不適用於 jquery 3.2.1 版

問題描述

2 個解決方案

解決方案1
0 2018-02-01 13:50:24

解決方案2
0 2020-04-04 09:02:59

jquery ui 自動完成功能不適用於 jquery 3.2.1 版

問題描述

2 個解決方案

解決方案1 0 2018-02-01 13:50:24

解決方案2 0 2020-04-04 09:02:59

解決方案1
0 2018-02-01 13:50:24

解決方案2
0 2020-04-04 09:02:59