使用 zurb foundation 5 清除灯箱显示图像时出错

Question

我有一个 Foundation 5 网站，在其中一个页面上，我尝试使用概述的清除灯箱元素 HERE

清算元素是使用 c# razor 模板生成的

THIS 是我正在使用它的网站页面。

如果您单击其中一张图片，chrome 控制台会记录以下错误：

undefined:1 GET http://www.capitalcitytreeservice.ca/undefined 404 (Not Found)

没有抛出 JS 错误，但它确实在网络选项卡中列出了以下内容：

Remote Address:137.117.17.70:80 Request URL:http://www.capitalcitytreeservice.ca/undefined
Request Method:GET Status Code:404 Not Found

我不确定这里发生了什么。图片灯箱已加载，但您无法使用箭头滚动浏览它们，如果您单击灯箱内的缩略图，缩略图会向左滑动并消失。

有人可以帮我调试这个 Foundation 5 灯箱实现吗？

提前致谢。

Answer 1

好的，

因此，基础需要的无序列表元素由 c# razor 模板 created/added 生成。它添加了一些额外的标记，破坏了 Foundation 5 灯箱。在我更改模板以删除不需要的标记后，基础灯箱现在可以使用了。