为什么data-id返回未定义？

Question

我不明白为什么下面的代码对我不起作用。控制台返回“未定义”的数据ID

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"。