Jquery .on функция не работает

0

Вырывая мои волосы с этим! Это очень просто, и я уверен, что я пропустил что-то очевидное, но по какой-то причине событие "щелчок" по приведенному ниже коду не работает - когда я нажимаю элемент ".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');
  });
 });
  • 4
    Работает здесь jsfiddle.net/vGqCz
  • 2
    выглядит хорошо jsfiddle.net/arunpjohny/Kqp8U/1
Показать ещё 3 комментария
Теги:

1 ответ

4
Лучший ответ

Если вы используете on(), вероятно, потому, что ваш целевой элемент не существует в DOM. Я бы предположил, что .contactinfobox тоже. Попробуйте это вместо этого:

$(document).ready(function(){
  $(document).on('click', '.contacthead', function(){
   alert('test');
  });
});

Вы можете заменить любого предка .contactinfobox, доступного в DOM для document чтобы повысить производительность.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню