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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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