Есть таблица которая частично создается
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table class="table table-striped table-bordered table-hover" id="table">
<tr>
<td><b>#</b></td>
<td><b>Фамилия</b></td>
<td><b>Имя</b></td>
<td><b>Отчество</b></td>
</tr>
</table>
И есть javascript
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "POST",
url: "DataTable",
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (data, textStatus, jqXHR) {
$.each(data, function (i) {
$("#table").append("<tr id = '" + (i+1) + "'> <td>" + (i + 1) + "</td> <td>" + data[i].Surname + "</td> <td>" + data[i].Name + "</td> <td>" + data[i].Lastname + "</td> </tr>");
i++;
});
}
});
$('table tr').bind('click', function () {
alert("dsfsdf111111");
});
});
$('table tr').bind('click', function () {
alert("dsfsdf111111");
});
$("#4").on("click", function () {
alert("dsfsdf");
});
</script>
Когда я нажимаю на созданные append
строки - ничего не происходит, а когда нажимаю на строку созданную изначально html
кодом то функция alert
вызывается.
Как сделать чтобы при нажатии на созданные строки срабатывал обработчик события?
И каким образом можно указать чтобы при нажатии на идентификатор от 1 до .... вызывался обработчик onclick
?