Вырывая мои волосы с этим! Это очень просто, и я уверен, что я пропустил что-то очевидное, но по какой-то причине событие "щелчок" по приведенному ниже коду не работает - когда я нажимаю элемент ".contacthead", абсолютно ничего не происходит - нет ошибки сообщения или что угодно.
Любая помощь была бы очень признательна!
Код:
Разметка HTML
<table class='contactinfobox'>
<tr id="courserow2">
<th class="contacthead" id="coursehead2">Course:</th>
<td class="contactdata" id="coursedata2">Test course</td>
</tr>
</table>
Jquery
$(document).ready(function(){
$('.contactinfobox').on('click', '.contacthead', function(){
alert('test');
});
});
Если вы используете on(), вероятно, потому, что ваш целевой элемент не существует в DOM. Я бы предположил, что .contactinfobox
тоже. Попробуйте это вместо этого:
$(document).ready(function(){
$(document).on('click', '.contacthead', function(){
alert('test');
});
});
Вы можете заменить любого предка .contactinfobox
, доступного в DOM для document
чтобы повысить производительность.