Weebly Editor-与InPage#锚的链接发行 - 仅与Chrome和IE一起



大家好,

我一直在这里通过Weebly Editor在此网站上工作。10年前,我研究了Web开发,并且只是为了这项工作而重新研究,因此使用Weebly,希望使我自己和雇主在一切正常时都能接管该网站。我一直在链接遇到问题,在镀铬和边缘中无法正确执行,在Firefox和Safari中工作正常。我一直在寻找过去的三天,并尝试了很多事情而没有成功。

我构建了页面更像是一页的主要菜单,并且子菜单链接到该页面中的锚。

以Weebly的工作方式,我没有看到一种将" ID"属性添加到任何"标题"或"文本"元素的方法。因此,我从休闲样品代码开始,在需要的地方插入:

<a name="anchor-name"></a>

我只是将"嵌入HTML"元素放在上方,我希望在这里链接以补偿菜单始终处于顶部。这种简单的解决方案可以与Firefox和Safari一起使用。但是由于某种原因,有了Microsoft Edge并没有将我带到锚点,只是留在页面顶部。使用Chrome,从外部来源打开链接,电子邮件或进行右键单击和"在新标签中打开链接"时,它无法正常工作并经过不同的子曼斯。非常困惑...

在我的研究中,我遇到了有类似问题的人,从来都不是一样。但是我尝试了这种更优雅的方式,创建了一个带有负面上衣的CSS课程,以补偿菜单并将显示更改为"内联窗口",有人说它可以解决IE的问题。对我来说没有运气,Firefox仍然工作正常。

.nav-anchor{
  display: inline-block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

我也遇到有人说要检查W3.org验证器的错误,请参见此处的结果。第一个错误是:

错误:与X-UA兼容的HTTP标头必须具有值IE = Edge, ie = edge,chrome =1。

我无法弄清楚如何或在哪里更改它,我在所有文件中查看了Weebly Editor>主题编辑器,但在任何地方都没有看到它。因此,不确定我是否可以在某个地方添加它,或者是否只是为您包含该部分。知道这是否正在解决我的问题的道路上?

我没有花时间浏览所有错误,错误会使链接无法正确执行吗?

此处的答案(谢谢Jeffrey Kastner)确实有助于Chrome,右键单击>在子菜单链接上的"在新标签中打开",现在有时将我带到正确的位置,有时会跳得太远。我一遍又一遍地尝试使用相同的链接,似乎是随机的。我没有使用IE的客户反馈。

预先感谢您的任何帮助

(编辑:问候和感谢您的注释在第一篇文章上消失了)

您问题的简短答案是您要在各种类型的 heamser 模板文件中添加网站主题中的meta标签。

在我看到在Weebly处于网站上使用的大多数主题中,主题编辑器中都有以下"标题类型"文件,您需要将以下每个作为儿童添加到head标签中:

  • header.html
  • no-header.html
  • splash.html

(当然,您的列表可能会有所不同,具体取决于您在网站上使用的主题)。

meta-tag html代码您小时候需要包含在head标签中:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

chrome=1部分通常不再需要,因为Chome-Frame在2014年停产,但许多人仍然将其作为一部分。发生的事情是您指示Internet Explorer以"标准"(最新的渲染引擎)运行。此标签对此设置的完整答案可以在此stackoverflow问题中以更可理解的细节提供。

我不确定这是否会完全解决您的链接不按预期运行的问题,因为有很多事情可以拦截或中断发生的事件冒泡过程,例如:JavaScript,Frameworks,frameworks,CSS问题和还有更多事情。如果您要提供一些有关您所看到的错误的具体信息和代码示例,我可能会进一步提供帮助。

此外,您可能需要在Weebly帮助中心和知识库中进行搜索,考虑在Weebly Developer社区中提出此问题,或者通过创建一个Weebly支持案例。

相关内容

  • 没有找到相关文章

最新更新