2016-07-20 69 views
-1

这里是我的代码:https://github.com/jhvanderschee/rafkappers结束div似乎从代码消失

该关闭的div没有在FF或Chrome所示:https://github.com/jhvanderschee/rafkappers/blob/master/_includes/footer.html#L38

这可以在这里看到:http://www.rafkappers.nl。在本地主机,这不会发生。这让我疯狂!如何解决这个问题?

编辑:我已经添加了一些额外的源代码示例来说明问题。请注意,我稍后添加了评论,以证明该网站已部署(正确)。

查看源代码: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();"> 
+0

从它的声音,你需要部署你的代码。你确定你的服务器上的文件匹配您的主分支? – doctorless

+0

PS。 @drheart谢谢,但部署很好。您可以自己检查主分支来验证。这个问题可能与Jekyll版本有关,但我不确定......任何想法? – JoostS

回答

1

我刚刚从CloudCannon的Mike那里得到了反馈:这是CloudCannon导致的一个问题。他写道:

“In _includes/footer.html你正在关闭一个已经在其他地方打开过的东西。通常这不会是一个问题,但是你也有这个文件的可编辑类。我们需要自己解析一个html文件,当我们在_includes/footer上这样做的时候。HTML,解析器会看到有一个额外的,并删除它,因为它从来没有打开“

有两种解决方案:在同一个文件

  • 总是打开和关闭HTML元素或
  • 唐“T使用编辑类,你在多个文件中打开/关闭的HTML元素。
+1

非常有趣。感谢分享。 –

1

它看起来像使用CloudCannon建立自己的网站的任何工具,是去除div

我在GitHub上克隆了您的存储库,并运行了一个简单的jekyll build来查看生成的文件,它的行为如预期。

screenshot

我已经穿上了GitHub的回购您的网站的副本,让GitHub的页面上投放化身,并且它也可以作为预期*

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

(*)图像不显示,因为你没有准备它有基地址,你应该修复该问题

我注意到的一件事是,div它se ems缺失,div对应于<div id="wrapall">的关闭,在此之前,还有另一个div,<div id="nonsplash">,它从不关闭。所以你可能想尝试关闭这个nonsplashdiv,看看是否能修复它(假设某些工具正在验证Jekyll的HTML输出并对其进行更改)。

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

+0

感谢您的分析和良好的建议。我已经联系了支持并在下面发布了他们的答案 – JoostS