Jquery 两个模态-一页。打开相同的模式

我正在为一个非常小的网站做准备。我对HTML、CSS、JS、Bootstrap等都是全新的。我在学习的过程中会自学。也就是说

我试图让这个页面有两个单独的模态，每个模态上都有不同的信息

我遇到的问题是，它一直显示第一个模态，而不是第二个模态。我已经搜索了几个小时，尝试了不同的代码，试图了解我做错了什么，所有的文章和模态形式的例子都说要改变ID。我已经做了

任何帮助都将不胜感激！ 谢谢大家!

你好，世界！
写信给我们
&时代；
你的名字
第二模态试验
&时代；
这是一个随机测试

（功能（）{
var模板=null
$（'.modal'）.on（'show.bs.modal'，函数（事件）{
如果（模板==null）{
template=$（this.html（））
}否则{
$（this.html（模板）
}
//如果需要，请在此处进行其他初始化
})
})()

问题在于页面末尾的JavaScript片段

按钮正在打开正确的模态。但最后的代码片段是在打开一个模式时复制该模式的内容，然后在打开该模式时使用它覆盖第二个模式

您可以完全删除代码段，或者将其替换为不使用全局变量的代码段。我将使用它存储在

.modal

元素本身上：

你好，世界！
写信给我们
&时代；
你的名字
第二模态试验
&时代；
这是一个随机测试

（功能（）{
//而不是使用全局模板变量，
//使用jQuery.data（）将其存储在.modal元素本身上
//所以它适用于多种模态
$（'.modal'）.on（'show.bs.modal'，函数（事件）{
if（！$（this）.data（'template'））{
$（this.data（'template'，$（this.html（））
}否则{
$（this.html（$（this.data（'template'））
}
//如果需要，请在此处进行其他初始化
})
})()

你太棒了！你不知道我在这上面工作了多久！我非常感谢你的帮助！！！