Почему не работает .on('click') на динамическом элементе?

Question

[ellena]

Нужно сделать автопоиск по элементам из JSON-файла - делаю ajax request, в форму добавляю список .search-autocomplete, сами варианты - li.search-request. При введении в input символов, подходящие варианты появляются, но к ним не привязывается событие .on('click'), чтобы выбранный вариант подставился в input.

var searchTopInput = $('#search');

$(document).on('click', ' li.search-request', function() {
    var clickText = $(this).text();
    searchTopInput.val(clickText).focus();
    return false;
  });

В чем ошибка?

Comments

[Abdula Magomedov]

Может здесь лишний пробел? '<вот тут>li.search-request'

[ellena]

Abdula Magomedov, не помогло(

[Abdula Magomedov]

ellena, а пробел все же был там?

[Lander]

Я не специалист, но разве не

$('body').on('click', 'li.search-request', function() {
...
}

[ellena]

был, я его удалила, но событие все равно не происходит, точнее функция по его наступлению не выполняется

Answer 1

[Станислав Шендаков]

В приведенном коде мало информации. После ajax-запроса, я так понимаю, DOM модифицируется. Повторная привязка ( unbind.('click').bind('click') обработчиков событий после этого обновления делается?

Comments

[ThunderCat]

Бинд на что? Событие вешается на документ, засем его ребиндить?

Answer 2

[ThunderCat]

ellena, для начала - дебаг.

let searchTopInput = $('#search');

$(document).on('click', 'li.search-request', function() {
    console.log("input:",searchTopInput);
    console.log("clicked:",$(this));
    let clickText = $(this).text();
    console.log("text:",clickText);
    searchTopInput.val(clickText).focus();
    return false;
  });

в приведенном коде особо ошибиться негде, скорее всего что-то из данных/элементов отсутствует. Проверьте правильность написания классов и проверьте консоль на ошибки.

UPD:

...(пробел) был я его удалила, но событие все равно не происходит, точнее функция по его наступлению не выполняется

Если функция в отдельном JS файле нужно очистить кеш и сделать хард релоад, надеюсь вы в курсе?..