fontello иконки и событие click()

210
11 апреля 2017, 11:03

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

<span class="button-search"></span>
$('.button-search').click(function() {
  // что то
})

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

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

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

Answer 1

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

Потому что навешивание события происходит только на существующие на момент вызова элементы.
Можно навесить один-единственный обработчик на 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>

READ ALSO
Webpack не стартует дев-сервер

Webpack не стартует дев-сервер

Приветствую всех!

379
Как я могу получить имя владельца номера телефона? В google и facebook, используя php или javascript [требует правки]

Как я могу получить имя владельца номера телефона? В google и facebook, используя php или javascript [требует правки]

Я разрабатываю приложение в cordovaЭто приложение может читать телефонные номера из контактов в телефоне

252
Неправильно удаляются элементы

Неправильно удаляются элементы

После ввода N количества элементов, они добавляются в DOM-дерево и в массивПри нажатии на крестик справа у элемента, должен удалятся именно...

206
Не могу решить проблему со слайдером Swipe на мобильных устройствах

Не могу решить проблему со слайдером Swipe на мобильных устройствах

Слайдер — весь сайтНа десктопе работает отлично, при стандартной инициализации

396