Question

我有一个由$（“＃area”）调用的表单.load（'edit.php'）。在该edit.php文件中，我想要一个可以应用自动完成的字段。我试图在edit.php文件中使用javascript，但它不起作用。然后我尝试在主文件中使用javascript;它也不起作用。为什么？请帮帮我。

以下是我从http://jqueryui.com/autocomplete/

获取的javascript

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/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>

和html：

<label for="tags">Tags: </label>
<input id="tags">

Ps：我也尝试过一个单独的php文件（没有加载。（）），它运行正常。但不是这种情况。

Answer 1

使用 HTTP或https ，面对CDN。

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
      <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

尝试将该函数放在window.onload（）方法中。

   $(window).load(function() {
          $(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
});
});
    });

HTML应该是

<body> 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div> 
</body>

请在浏览器中使用检查元素（chrome）并查看上面的CDN是否已正确加载

enter image description here

Answer 2

//code.jquery.com/jquery-1.9.1.js
//code.jquery.com/ui/1.10.4/jquery-ui.js

我认为你的jquery文件没有加载pls复制url并获取源代码并将文件保存在.js中祝你好运

Answer 3

您需要的只是脚本的完整http路径：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

有关工作示例，请参阅 this fiddle 。

你能看到加载的获取请求吗？你看到正在加载的数据是正确的吗？

Jquery自动完成在Jquery .load（）文件中不起作用

3 个答案: