如何在模态框(Lightbox)Typo3扩展中添加关闭按钮?

时间:2015-06-25 06:03:21

标签: javascript jquery html typo3 lightbox

我使用Typo3 6.1和"模态内容"扩展以创建一个自动打开一次的灯箱,让人们有机会注册简报。 但是我需要一个关闭按钮才能关闭Lightbox以及一个允许人们点击灯箱外面的背景来关闭灯箱的功能。到目前为止,关闭Lightbox的唯一方法是点击ESC,这在这种情况下是不够的。我的想法是在Lightbox的模板中添加一个带有css类的图标作为关闭按钮,但我不知道这部分的JS部分。你知道我怎么能做到这一点,我必须在这里添加什么样的Javascript代码才能使它工作?这是我到目前为止: http://adasmarket.com/index.php?id=110

1 个答案:

答案 0 :(得分:2)

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

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