autocomplete报错

新新小白白又白 2019-06-04 09:02:31

在运行下面这段代码时，出现了这个错误JavaScript runtime error: Object doesn't support property or method 'autocomplete'



<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title></title>

    

    <link rel="stylesheet" type="text/css" href="../css/autocomplete/jquery.autocomplete.css"/>

    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>

    <script type="text/javascript" src="../js/autocomplete/jquery.autocomplete.js"></script>

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

    <script type="text/javascript">

        $(function () {

            var emails = [

            { name: "Peter", to: "peter@pan.de" },

            { name: "Molly", to: "molly@yahoo.com" },

            { name: "Forneria", to: "live@japan.jp" },

            { name: "Master <em>Sync</em>", to: "205bw@samsung.com" },

            { name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },

            { name: "Don Corleone", to: "don@vegas.com" },

            { name: "Mc Chick", to: "info@donalds.org" },

            { name: "Donnie Darko", to: "dd@timeshift.info" },

            { name: "Quake The Net", to: "webmaster@quakenet.org" },

            { name: "Dr. Write", to: "write@writable.com" },

            { name: "GG Bond", to: "Bond@qq.com" },

            { name: "Zhuzhu Xia", to: "zhuzhu@qq.com" }

        ];



            $("#autocomplete").autocomplete(emails, {

                minChars: 0, //自动完成激活之前填入的最小字符

                max: 12, //列表条目数

                width: 400, //提示的宽度

                scrollHeight: 300, //提示的高度

                matchContains: true, //是否只要包含文本框里的就可以

                autoFill: false, //自动填充

                formatItem: function (data, i, max) {//格式化列表中的条目 row:条目对象,i:当前条目数,max:总条目数

                    return i + '/' + max + ':"' + data.name + '"[' + data.to + ']';

                },

                formatMatch: function (data, i, max) {//配合formatItem使用，作用在于，由于使用了formatItem，所以条目中的内容有所改变，而我们要匹配的是原始的数据，所以用formatMatch做一个调整，使之匹配原始数据

                    return data.name + data.to;

                },

                formatResult: function (data) {//定义最终返回的数据，比如我们还是要返回原始数据，而不是formatItem过的数据

                    return data.to;

                }

            }).result(function (event, data, formatted) {

                alert(data.to);

            });

        });

    </script>

  </head>

  <body>

    <input type="text" id="autocomplete"/>

  </body>

</html>