Fatal编程技术网
  • javascript/
  • Javascript jQuery自动完成脚本未解析

Javascript jQuery自动完成脚本未解析

javascript jquery

Javascript jQuery自动完成脚本未解析,javascript,jquery,Javascript,Jquery,我正在尝试将一个示例jQuery嵌入到我的静态网页中，它应该会自动完成。因为这是我第一次在前端工作，所以我不确定哪里出错了 **由于某些原因，自动完成无法工作** **代码** <!DOCTYPE html> <htm lang="en"> <head> <script type="text/javascript" language="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.

我正在尝试将一个示例jQuery嵌入到我的静态网页中，它应该会自动完成。因为这是我第一次在前端工作，所以我不确定哪里出错了

**由于某些原因，自动完成无法工作**

**代码**

<!DOCTYPE html>
<htm lang="en">

<head>
<script type="text/javascript" language="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
$(function()
{
    var availableTags = 
    [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++"
    ];
    $("#tags").autocomplete({
        source: availableTags
    });
});
</script>
</head>
<body>
    <div id="centered">

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


$（函数（）
{
var availableTags=
[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
标签：
是否可以将所有链接和脚本包含在下面的类似内容中，并且也可以按顺序包含在

<link rel="stylesheet" type="text/css" href="css/second_page.css" media="all"/>                                                                                                                                                                                     <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>                                                                                           <script type="text/javascript" language="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
包含在html头部

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
jQuery是自动完成界面的基本库。如前所述，您必须在jQuery库中添加用于自动完成的UI库层。由于您正在尝试使用jQueryUI库，因此还应该添加jQueryUI库所需的
样式表

本质上，这些是您应该在页面上包含的内容：


    

  • jQuery
    • 

  • jQuery用户界面
    • 

  • jQueryUICSS
    • 


下面是您的代码修改：


<!DOCTYPE html>
<html lang="en">

<head>
<title> Page Title </title>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />


</head>
<body>
    <div id="centered">

        <div>
            <label for="tags"> Tags : </label>
            <input id="tags">
        </div>
    </div>
   <script type="text/javascript" language="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>


   <!-- your code -->
   <script>
$(function()
{
    var availableTags = 
    [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++"
    ];
    $("#tags").autocomplete({
        source: availableTags
    });
});
</script>

</body>
</html>




页面标题
标签：
$（函数（）
{
var availableTags=
[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});

您可能缺少jqueryui