javascript - 如何向模态框(灯箱)Typo3 扩展添加关闭按钮?

标签 javascript jquery html typo3 lightbox

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

最佳答案

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

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

关于javascript - 如何向模态框(灯箱)Typo3 扩展添加关闭按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31042362/

相关文章:

html - 将鼠标悬停在复选框跨度上的背景图像更改

c++ - 如何使用 C++ 保存网页? Windows或Linux系统

javascript - 如何使用 Javascript 进行编码和解码(给定的字符串长度应与编码字符串长度匹配)

javascript - $.ajax 错误未捕获 SyntaxError : Unexpected token :

javascript - 将加载 gif 添加到我的 loadmore jquery 按钮

javascript - 为什么 <h1> 标签不使用主干显示?

jquery - 如何获取 sibling 之间的元素编号/索引

javascript - VueJS 组件中的图像未加载

javascript - 如何在用户第一次点击 JavaScript 后创建另一个点击

html - 在 html5 中播放音频范围