Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 26.06.2016
Сообщений: 32

Как объединить этот код?

09.08.2016, 05:54. Показов 536. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Суть в том, что если li создавать динамически, то keypress не работает
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<input type="text" name="query" id="search_box" value="" autocomplete="off" placeholder="Поиск по фамилии">
 
<ul id="search_advice_wrapper">
   <li class="autocomplete-list">Один</li>
   <li class="autocomplete-list">Два</li>
   <li class="autocomplete-list">Три</li>
 
</ul>
 
$(document).on('keyup', '#search_box',  function(u) {
 
 
  if($(this).val().length>0){
 
      $.get('../modules/search_db.php',{'query':$(this).val()},function(data){
        data = eval('('+data+')');
 
        if(data.length!=undefined && data.length>0){
        $("#search_advice_wrapper").html('');
 
 
          for(i in data){
            $("#search_advice_wrapper").append('<li class="autocomplete-list">'+data[i]+'</li>');
 
          }
        }
 
      });
 
    }
 
  });
 
 
 
$(document).on('keypress', '#search_box',  function(e) {
 
 
  var $listItems = $("li.autocomplete-list");
 
 
  var key = e.keyCode,
        $selected = $listItems.filter('.selected'),
        $current;
 
   $listItems.removeClass('selected');
 
    if (key == 40) { // Down key
 
        if (!$selected.length || $selected.is(':last-child')) {
            $current = $listItems.eq(0);
        } else {
            $current = $selected.next();
        }
    } else if (key == 38) { // Up key
 
        if (!$selected.length || $selected.is(':first-child')) {
            $current = $listItems.last();
        } else {
            $current = $selected.prev();
        }
    }
 
    $current.addClass('selected');
});
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
09.08.2016, 05:54
Ответы с готовыми решениями:

Как работает этот код
Добрый день, извините сразу, если мой вопрос &quot;детский&quot; есть скрипт, отбирающий все отмеченные флажком значения чекбоксов и помещающая...

Как понять этот код на JS?
Код не мой, полностью рабочий, но для общего развития хочу понять как он работает: var MouseCoords = { // X-координата getX:...

Как правильно понять этот код?
Cделал HTML который формируетьтся из json но гдето допустил ошибку работает только верхняя часть кода. Буду благодарен если кто укажет на...

2
 Аватар для sad67man
2604 / 1508 / 689
Регистрация: 23.08.2015
Сообщений: 3,834
09.08.2016, 10:37
noiws, Событие keypress возникает сразу после keydown, если нажата символьная клавиша, т.е. нажатие приводит к появлению символа. Стрелочки это событие не генерируют. Обрабатывайте keydown.
И еще.
JavaScript
1
$current.addClass('selected');
Переместите эту строку внутрь условия, Если я нажму не на стрелочку, и возникнет ошибка, так как $current не определена.
0
0 / 0 / 0
Регистрация: 26.06.2016
Сообщений: 32
09.08.2016, 11:30  [ТС]
sad67man, можно кусок кода, что-то делаю ничего не выходит
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
09.08.2016, 11:30
Помогаю со студенческими работами здесь

[ASI] Как парсится этот код?
Разбираюсь с ASI и хочу понять как парситься данный код и почему не вставляется точка с запятой на первой строке: while(1) ...

Javascript-код для вывода дерева элементов страницы, с которой этот код запущен
Всем привет. Возникла трудность при изучении javascript, а именно с темой, связанной с DOM. Не могу справиться со следующей задачей:...

Как проверить подключен ли javascript или у меня другая ошибка,у меня на сайте этот код не работает
&lt;p&gt; &lt;select name=&quot;id_mon&quot; id=&quot;select_mon&quot;&gt; &lt;?php $result = mysql_query(&quot;SELECT name_mon,id FROM...

что означает этот код
Здраствуйте. Может кто нибуть мне обьяснить что означает этот код: var x = 0; function f() { x--; } setInterval (&quot;...

почему этот код не работает?
На главной странице: &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru