1

Входные данные:

<span class="button-search"></span>

$('.button-search').click(function() {
  // что то
})

При добавлении иконки в span

<span class="button-search"><i class="icon-search"></i></span>

Перестает работать событие click()

1 ответ 1

2

Буквально из соседнего ответа:

Потому что навешивание события происходит только на существующие на момент вызова элементы.
Можно навесить один-единственный обработчик на document, с селектором.

jQuery.on( events [, selector ] [, data ], handler )

$(document).on('click', ".button-search", function() {
    // ...
});

Или не на весь документ, а на ближайшего родителя, который не подвержен динамическим изменениям.

$('.test').on('click', ".button-search", function() {
 // ...
});
<div class="test">
  <span class="button-search">
  <i class="icon-search"></i>
</span>
</div>

2
  • иконка изначально добавлена , статично
    – MoJlo4HuK
    Commented 10 апр. 2017 в 7:56
  • 1
    @MoJlo4HuK значит что-то делаете еще, что в вопросе не указали (например какие-то подгрузки данных или изменения контента). ваша проблема в таком случае просто не воспроизводится Commented 10 апр. 2017 в 8:00

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.