Как мне использовать (установить?) Плагин автозаполнения jQuery? - PullRequest
Новая
       11

Как мне использовать (установить?) Плагин автозаполнения jQuery?

0 голосов
/ 19 октября 2011

Насколько я понимаю, чтобы использовать плагин, мне нужно вставить этот код в заголовок : 

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
  <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>
  $(document).ready(function(){
    var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$("#example").autocomplete(data);
  });
  </script>

Я сделал это, а затем поместил форму в HTML: 

self.response.out.write("""
API Reference: <input id="example" /> (try "C" or "E")         """)

но ничего не происходит.Что мне не хватает?

1 Ответ

1 голос
/ 19 октября 2011

Я бы рекомендовал использовать более новую jQueryUI Autocomplete через Google CDN .

Чтобы включить его в свое приложение, используйте что-то вроде этого 

<!-- in your <head> section -->
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">

Строка smoothness в URL ссылается на тему jQueryUI. Вы можете изменить это на что угодно. Смотри http://jqueryui.com/themeroller/#themeGallery

<!-- just before the closing </body> tag -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
    jQuery(function($) {
        var data = [
            "Core",
            "Selectors",
            "Attributes",
            "Traversing",
            "Manipulation",
            "CSS",
            "Events",
            "Effects",
            "Ajax",
            "Utilities"
        ];
        $("#example").autocomplete({
            source: data
        });
    });
</script>

Ссылки 1 в этих URL-адресах относятся к номеру версии. Использование 1 означает использование последней версии из 1 ветки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...