Подскажите по Autocomplete jQuery

Тема в разделе "JavaScript", создана пользователем SAV79, 24 сен 2014.

Модераторы: ZiX
  1. SAV79

    SAV79 Создатель

    Регистр.:
    6 ноя 2007
    Сообщения:
    28
    Симпатии:
    10
    Такой вопрос. В jQuery есть скрипт Autocomplete:
    http://jqueryui.com/autocomplete/

    Код:
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
    $(function() {
    var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];
    $( "#tags" ).autocomplete({
    source: availableTags
    });
    });
    </script>
    </head>
    <body>
    <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
    </div>
    </body>
    </html>
    Подскажите, пожалуйста, как привязать к записям ссылки? То есть например первая запись "ActionScript", как мне сделать, чтобы при ее выборе, происходил переход по ссылке, которая соответствует этой записи?
     
  2. pepyator

    pepyator Писатель

    Регистр.:
    7 мар 2013
    Сообщения:
    8
    Симпатии:
    1
    $( "#tags" ).autocomplete({
    source: availableTags
    });
    $(document).on('click','.ui-menu-item',function(){location.href = $(this).html()});
    });
     
    SAV79 нравится это.
  3. SAV79

    SAV79 Создатель

    Регистр.:
    6 ноя 2007
    Сообщения:
    28
    Симпатии:
    10
    Спасибо. Значит вставляем эту строку $(document).on('click','.ui-menu-item',function(){location.href = $(this).html()}); где location.href = $(this).html() это пути, насколько я понимаю. А возможно подробнее пояснить, какой еще нужно документ создать или прописать в этом, то откуда эти ссылки будут взяты? Просто я не являюсь кодером и сложно понять ответ, который для программиста безусловно является легким. Заранее спасибо.