javascript - 覆盖 Zurb Foundation 5 更改全局清除默认模板

标签 javascript zurb-foundation

我正在尝试更改 Clearing 插件(响应式灯箱画廊)的全局模板,但文档没有说明如何以编程方式进行操作;解释了 data-options 方式,仅此而已。

最佳答案

Looking into the code我已经看到 Foundation.libs.clearing... 命名空间中实际上有一个模板。经过一些尝试,我得出了这个结论:

// Include scripts

// Change template
Foundation.libs.clearing.settings.templates.viewing = '' +
    '<a class="clearing-close">&times;</a>' +
    '<div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' +
    '<p class="clearing-caption"></p><a class="clearing-main-prev"><span></span></a>' +
    '<a class="clearing-main-next"><span></span></a></div>';

// Init
$(document).foundation();

它有效,但我不确定我是否可以相信它,因为它没有记录在案……有更好的主意吗?也许有一个 API...

关于javascript - 覆盖 Zurb Foundation 5 更改全局清除默认模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23257636/

相关文章:

javascript - Google map 标记范围问题

javascript - ReactJS 给子组件添加回调函数

javascript - Windows.在 Chrome 中打开

javascript - 如何在使用网页时保持 Foundation Off-Canvas 打开

javascript - 浏览器在控制台中显示 'reactComponent is not defined'

javascript - 如何在页面加载时异步加载图像并在加载时显示加载 gif?

html - Foundation - 对齐嵌套的 div

jquery - 在滚动上使用 Jquery 时 Foundation 6 sticky 不起作用

html - 使用 Zurb Foundation 将文本覆盖添加到面板和图像?

django - 如何在 Django 中集成 Foundation 5