Автозаполнение jquery не работает

Может кто-нибудь рассказать мне, почему мой код для автозаполнения jquery не работает?

Вот мой код javascript.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
        $("#seed_one").autocomplete({ source: data });
    });
</script>

И вот мой html:

<input id="seed_one" type="text" name="seed_one"/><br /> <br />

Спасибо,

Копье

ОТВЕТЫ

Ответ 1

Предупреждение. Это старый ответ на старый вопрос, относящийся к 2011 году. Вы должны быть рекомендуется использовать более позднюю версию jQuery и проверить ссылку API для руководства.

Проблема, с которой вы сталкиваетесь, заключается в том, что вы используете плагин jQuery Autocomplete, но вы вызываете его так, как вы бы назвали его автозаполнение jQuery UI.

Если вы используете автозаполнение jQuery UI, сам код отлично работает, как вы можете видеть в этой скрипте. Если вы используете плагин автозаполнения, вы должны изменить вызов на

$("#seed_one").autocomplete(data);

Предложения:

  • Используйте автозаполнение в пользовательском интерфейсе jQuery вместо плагина автозаполнения. Последнее устарело.
  • Исправить http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js, на данный момент этого не может быть доступ

Полный код для пользовательского интерфейса jQuery

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
            $("#seed_one").autocomplete({source:data});
        });
    </script>
</head>

<body>
    <input id="seed_one" type="text" name="seed_one"/>
</body>
</html>

Полный код для плагина Autocomplete:

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
            $("#seed_one").autocomplete(data);
        });
    </script>
</head>

<body>
    <input id="seed_one" type="text" name="seed_one"/>
</body>
</html>

Ответ 2

Попробуйте изменить

$("#seed_one").autocomplete({ source: data });

к

$("#seed_one").autocomplete(data);

Ответ 3

***

> for Mvc Artitecture you must delete already imbended
> @Scripts.Render("~/bundles/Jquery") and
> @Scripts.Render("~/bundles/Jquaryval")  on all .cshtml files at the
> end and for also views/Shared/_layout.cshtml at the  end and put our
> jaquery suitable files on his suitables .cshtmls files in head...and
> lets enjoy. put on head..these files
> 
> <link href="~/Content/jquery-ui-1.10.4.custom.min.css"
> rel="stylesheet" type="text/css" /> <script
> src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script>
> <script src="~/Scripts/jquery-ui-1.10.4.custom.min.js"
> type="text/javascript"></script>

***