Ребята всем привет.
Вопрос ламерский, может я сегодня переработал, но не могу разобраться что за дела.
Короче история такая.
Через Ajax получаю список машин в html, вставляю его в таблицу с помощью html(). Все гуд. В этом коде есть кнопки - на одну из них повесил событие клик вот так:
$(document).on('click', '.editCar', function(event) {
event.preventDefault();
//Здесь что то делаем
});
Но при клике на эту кнопку появляется ошибка в консоли - TypeError: 'click' called on an object that does not implement interface HTMLElement.
Хотя на соседнюю кнопку Bootstrap3 таким же способом вешает свое событие открытия модального окна без проблем.
Я уже грешным делом смоделировал такую же ситуацию и с Ajax и без на чистой странице - и все пашет, а на моем сайте нет.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button class="btn">Кнопка для других кнопок</button>
<div class="block"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.btn').click(function(event) {
$('.block').html('<br><div><button class="btn2">Тестовая кнопка</button></div><br><div><button class="btn2">Тестовая кнопка</button></div>');
});
$(document).on('click', '.btn2', function(event) {
event.preventDefault();
alert('Все гуд');
});
});
</script>
</body>
</html>
Буду признателен за помощь