Javascript 按钮点击功能没有'；无法处理HTML变量|如何修复该问题？

按钮点击功能不能在

HTML

变量中工作，是我错了还是我的代码遗漏了什么？我是

javasctipt

的初学者，这是我第一次使用这种方法，不知道如何解决这个问题。那么，请问，如何解决这个问题？任何帮助都将不胜感激

下面是我的

Jquery

代码：

$（函数（）{
var content1='这是一段
显示其他内容'；
var content2='这是一个标题'；
$（“.button”）。单击（函数（）{
$（“.modal”）.show（）；
$（“.modal content”）.html（content1）；
});
$（“.btn”）。单击（函数（）{
$（“.modal content”）.html（content2）；
console.log（content2）；
});
});
.modal{
宽度：300px；
高度：300px；
保证金：自动；
显示：无；
背景：#eee；
填充：20px0；
文本对齐：居中；
}

开放模态
在第二次单击中，您需要从正文中委派事件。因为在附加事件时，元素不在DOM中。因此，请更改此
$（“.btn”）。单击（function（）{
为
$（“body”）。在（'click'，'.btn'，function（）{


$（函数（）{
var content1='这是一段
显示其他内容'；
var content2='这是一个标题'；
$（“.button”）。单击（函数（）{
$（“.modal”）.show（）；
$（“.modal content”）.html（content1）；
});
$（“body”）。在（'click'，'.btn'，function（）上{
$（“.modal content”）.html（content2）；
console.log（content2）；
});
})；
.modal{
宽度：300px；
高度：300px；
保证金：自动；
显示：无；
背景：#eee；
填充：20px0；
文本对齐：居中；
}

开放模态
您能详细说明一下使用“HTML变量”这个术语时您指的是什么吗？我的意思是从Javascript变量向正文中添加HTML标记。太好了！您解决了我的问题。非常感谢。先生。您的答案已经被接受。祝您愉快兄弟：）