javascript - 尝试通过网站上的模态制作“联系细节”按钮，但每个人都获得相同的“模态内容”

Question

需要两个人的联系方式，我已经设置了一张图片和一个简短的描述，下面是他们每个人的“联系方式”。用模态框设置这些，但我很难制作模态框内容，即每个模态框的实际联系方式。任何帮助表示赞赏。

标签： javascripthtmlbootstrap-modal

Answer 1

在模态显示之前，您需要在每次单击按钮时更新模态内容。您可以使用引导事件来执行此操作show.bs.modal

$('#myModal').on('show.bs.modal', function () {
  //Your code to update modal body
})

• 参考https://getbootstrap.com/docs/4.1/components/modal/#events