почему возвращаемый идентификатор не определен?

Question

Я не понимаю, почему приведенный ниже код не работает для меня.Консоль возвращает 'undefined' для идентификатора данных

href='#detailsModal' class='btn btn-info btn-xs' data-toggle='modal' data-id='xyz'>BUTTON NAME

JAVASCRIPT

 $('#detailsModal').on('show.bs.modal', function (e) {
  console.log($(e.relatedTarget).data('id'));
 });

Я ожидаю, что вывод консоли будет 'xyz'

Answer 1

Вам не хватает атрибута data-target для модального триггера.Используйте data-target="#detailsModal" вместо href="#detailsModal".