У меня есть текстовое поле, в котором используется функция живого поиска. Тестовый HTML-код работает отлично, щелкните мышью, и он добавится в журнал, как и должно быть. Проблема в том, что как только я использую поле поиска и в #tag-result добавляется новый «идентичный» код, функциональность щелчка перестает работать. Я использую тот же вариант этого кода для других задач, и он всегда работал отлично... за исключением этой ситуации.
Например, именно этот код, заменяющий отношения «тег» на «пользователь», работает отлично.
// .blur был пропущен в исходном редактировании этого сообщения... $('#txttagSearch').blur(function() { $(это).val(''); $('#tag-search-results').hide(); }) // удаляем приведенный выше код и заменяем следующим $(документ).mouseup(функция(e) { $('#txtTagSearch').val(''); $('#tag-search-results').hide(); }) // теперь клики регистрируются, а результаты поиска скрываются, когда это необходимо. Поиск для добавления тегов
- кожа /* этот щелчок работает */
солнцезащитные очки $('#txtTagSearch').keyup(function() { liveSearchTag($(this).val()) $('#tag-search-results').show(); }) $('#model-tag-results #tag-result').mousedown(function(e) { е.preventDefault(); }) функция liveSearchTag(ключевое слово) { $.ajax({ URL: 'server/tag-search.php', введите: «ПОЛУЧИТЬ», данные: {ключевое слово: ключевое слово}, Тип данных: 'JSON', успех: функция (результат) { const divTagResult = $('#tag-search-results #tag-result'); пусть HTML = ''; если (результат! == ноль) { если (результат.длина > 0) { $.each(результат, функция(индекс, элемент) { html += '[*]' + item['tag'] + '' // эти клики не обнаруживаются? }) } еще { let html = '[*]РЕЗУЛЬТАТОВ НЕ НАЙДЕНО'; } } еще { let html = '[*]РЕЗУЛЬТАТОВ НЕ НАЙДЕНО'; } divTagResult.html(html); } }) } $('#tag-search-results').on('click','.tag-search-click',function() { console.log('тест'); var tagID = $(this).attr('class').replace('tag-search-click ',''); $.ajax({ URL: 'server/tag-result.php', введите: «ПОЛУЧИТЬ», данные: {код: tagID}, Тип данных: 'JSON', успех: функция (данные) { $('#tag-display').append('тест'); $('#txtTagSearch').val(''); $('#txtTagSearch').blur(); $('#tag-search-results').hide(); } }) }) Попробовал использовать несколько методов клика...
$('#tag-search-results').on('click','.tag-search-click',function() { $(document).on('click','.tag-search-click',function() { $('.tag-search-click').(function() {