Javascript jQuery UI自动完成不显示_Javascript_Jquery_Html

Javascript jQuery UI自动完成不显示

javascript jquery html

Javascript jQuery UI自动完成不显示,javascript,jquery,html,Javascript,Jquery,Html,我的jQuery UI自动完成不工作并显示：( 这是Html的代码： <html> <head> <title>Site classificados</title> <link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css'/> <link rel=

我的jQuery UI自动完成不工作并显示：(

这是Html的代码：

<html>
<head>
<title>Site classificados</title>
<link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css'/>
<link rel='stylesheet' href='css/css2.css'> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script> 
<script src='js/js.js'></script>
</head>
<body>
<input type='text' align='center' value='".$query."' name='q'></input>
</body>
</html>


场地分类

这是脚本的代码：

    <script>
var availableTutorials = [
               'ActionScript',
               'Boostrap',
               'C',
               'C++',
            ];
$('input').autocomplete({
        source: availableTutorials,
        minLength: 1
});  
</script>


var AvailableAutorials=[
“动作脚本”，
“Boostrap”，
"C",，
“C++”，
];
$（'input'）。自动完成({
资料来源：AvailableAutorials，
最小长度：1
});

每次我按“A”键时，不要显示动作脚本，B键也一样，不要显示引导

我尝试使用PHP进行Sql查询，但不起作用/显示。

您应该向输入元素添加一个类或ID，我通常使用类，但有时特别是输入元素，我使用ID

您的$（'input'）.autocomplete…应更改为$（'input'）.autocomplete…或$（'input'）.autocomplete。此外，不需要minLength，因为默认值已经是“1”

最后，真正的问题是，您没有将它放在函数中，因此页面可以看到脚本，但它不知道如何处理它

代码 HTML 1-/检查您的链接（src=“…”）它在这里工作吗


jQuery UI自动完成-默认功能
$（函数（）{
var availableTags=[
“动作脚本”，
“Boostrap”，
"C",，
“C++”，
];
$（“输入”）。自动完成({
资料来源：availableTags，
最小长度：1
});
});

既然HTML被标记了，你能不能也给我们看一下HTML。我们需要看看这是如何在DOM中编写的，这样我们就可以看看了。好了，兄弟，我编辑了，f5，看到了，我看到了答案，在你把HTML放在代码上之后，我对它做了一些编辑。控制台日志/错误？@MatheusSantos你试图在HTML呈现之前初始化它。把代码放进去用于初始化

$（document）.ready（）

函数内部的自动完成。更改两边的变量名并不能真正解决问题。您将脚本放入函数中，这就是为什么它在这里工作而不是在原始代码上工作。

<html>
<head>
<title>Site classificados</title>
<link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css'/>
<link rel='stylesheet' href='css/css2.css'> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script> 
<script src='js/js.js'></script>
</head>
<body>
<!--added the "ID" attribute to this input element and set the value to "input" for simplicity-->
<input type='text' align='center' value='".$query."' name='q' id="input"></input>
</body>
</html>

$(function() { // add the start function script here
    var availableTutorials = [
        'ActionScript',
        'Boostrap',
        'C',
        'C++',
    ];
    $('#input').autocomplete({ // I put the #input here but you can 
                               // also put .input 
        source: availableTutorials,
        minLength: 1
    });
}); // end the function here