Плагин автоподсказки jQuery

Может ли кто-нибудь опубликовать простой html-код о том, как его реализовать, с простым объектом данных.

Вот ссылка http://code.drewwilson.com/entry/autosuggest-jquery-plugin

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

Спасибо

Мейсон


person user393273    schedule 08.09.2010    source источник
comment
Поскольку вы уже все перепробовали, мы ничем не можем вам помочь. Вам повезет больше, если вы подробно опишите, что мне пока не удалось. Что именно вы сделали до сих пор и что именно происходит и что именно не происходит? Таким образом, мы можем предоставить более подходящие ответы, как продолжить конкретный шаг, на котором вы в настоящее время застряли.   -  person BalusC    schedule 08.09.2010
comment
По сути, я никогда не использовал это раньше, и мне нужно реализовать его, как список, так что это точно так же, как ‹li›Имя человека‹/li›   -  person user393273    schedule 08.09.2010


Ответы (1)


Кажется, это работает нормально (в основном, прямо с веб-сайта), вероятно, нужно немного изменить стиль, чтобы получить его так, как вы этого хотите. Также не уверен, откуда будут поступать ваши данные, но у него также есть несколько примеров ajax.

В любом случае, сохраните следующее как документ .html для примера.

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script src="http://the-know-your-rights.googlecode.com/svn-history/r10/trunk/resources/js/jquery/autoSuggest/jquery.autoSuggest.minified.js"></script>
    <script type="text/javascript">
        var $sel = null;
        $(document).ready(function () {
          var data = {items: [
                {value: "21", name: "Mick Jagger"},
                {value: "43", name: "Johnny Storm"},
                {value: "46", name: "Richard Hatch"},
                {value: "54", name: "Kelly Slater"},
                {value: "55", name: "Rudy Hamilton"},
                {value: "79", name: "Michael Jordan"}
            ]};
            $("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});
        });
    </script>
</head>
<body>
    <input type="text" />
</body>
</html>

Если это не то, что вы ищете, обновите свой вопрос, добавив больше деталей, и я посмотрю, смогу ли я дать вам лучший ответ.

person Brandon Boone    schedule 08.09.2010