Javascript 如何向模式框(Lightbox)Typo3扩展添加关闭按钮?

Javascript 如何向模式框(Lightbox)Typo3扩展添加关闭按钮?,javascript,jquery,html,typo3,lightbox,Javascript,Jquery,Html,Typo3,Lightbox,我正在使用Typo3 6.1和“模式内容”扩展创建一个灯箱,自动打开一次,让人们有机会注册新闻稿。 但是我需要一个关闭按钮来关闭灯箱,以及一个允许人们点击灯箱外部背景来关闭灯箱的功能。到目前为止,关闭灯箱的唯一方法是按下ESC键,这在本例中是不够的。我的想法是在Lightbox的模板中添加一个带有css类的图标作为关闭按钮,但我不知道其中的JS部分。你知道我如何做到这一点吗?为了让它工作,我必须在这里添加什么样的Javascript代码?这就是我到目前为止所做的: 将此html添加到代码中以关闭

我正在使用Typo3 6.1和“模式内容”扩展创建一个灯箱,自动打开一次,让人们有机会注册新闻稿。 但是我需要一个关闭按钮来关闭灯箱,以及一个允许人们点击灯箱外部背景来关闭灯箱的功能。到目前为止,关闭灯箱的唯一方法是按下ESC键,这在本例中是不够的。我的想法是在Lightbox的模板中添加一个带有css类的图标作为关闭按钮,但我不知道其中的JS部分。你知道我如何做到这一点吗?为了让它工作,我必须在这里添加什么样的Javascript代码?这就是我到目前为止所做的:

将此html添加到代码中以关闭灯箱

<button type="button" class="close detail-close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>

×

非常酷,非常感谢,这似乎很管用:)还有没有办法通过单击灯箱外部的背景来关闭灯箱?