关闭 div 似乎从代码中消失了

Question

这是我的代码：https://github.com/jhvanderschee/rafkappers

本次收盘 div 未在 FF 或 Chrome 中显示：https://github.com/jhvanderschee/rafkappers/blob/master/_includes/footer.html#L38

可以在这里看到：http://www.rafkappers.nl。在 localhost 这不会发生。这让我发疯！如何解决这个问题？

编辑： 我添加了一些额外的源代码示例来说明问题。请注意，我后来添加了评论，以证明该站点已部署（正确）。

查看源代码：http://www.rafkappers.nl/（使用 CloudCannon 托管的实时网站）

<!-- div after --><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

https://app.cloudcannon.com/editor#/site/21927/browser/_includes/footer.html（CC 源代码）

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

查看源代码：http://localhost:4000/

</footer>
<!-- div after --></div><!-- div before -->
<div id="lightbox" style="width:100%;height:100%;" onclick="closeimage();">

Answer 1

CloudCannon 用来构建您的网站的任何工具似乎都在删除 div。

我在 GitHub 上克隆了你的存储库，运行一个简单的 jekyll build 来查看生成的文件，它的行为符合预期。

我已将您网站的副本放在 GitHub 存储库中，让 GitHub 页运行 Jekyll，它也按预期工作*

https://sandboxorg.github.io/rafkappers/ https://github.com/sandboxorg/rafkappers

(*) 图片不显示，因为你没有准备它有基础 url，你应该修复它

我注意到的一件事是，似乎缺少的 div 是对应于 <div id="wrapall"> 结束的 div，就在那之前，有另一个永远不会关闭的 div、<div id="nonsplash">。因此，您可能想尝试关闭此 nonsplash div 并查看是否可以修复它（假设某些工具正在验证 Jekyll 的 HTML 输出并对其进行更改）。

如果这没有帮助，最好的办法是联系 CloudCannon 支持并证明在直接使用 Jekyll 或 GitHub 页面时，不会发生这种行为。

Answer 2

我刚刚收到来自 CloudCannon 的 Mike 的反馈：这是 CloudCannon 导致的问题。他写道：

"In _includes/footer.html you're closing a which has been opened elsewhere. Usually this wouldn't be a problem but you also have editable classes on this file. For an editable class to work we need to parse an html file on it's own. When we do this on _includes/footer.html, the parser will see there's an extra and remove it as it was never opened."

有两种解决方案：

始终打开和关闭同一文件中的 HTML 个元素或
不要在多个文件中使用 open/close html 元素的可编辑类。

关闭 div 似乎从代码中消失了

Closing div seems to disappear from the code

javascript

jquery

html

jekyll

cloudcannon