自定义链接将打开,以页面上的锚点标签

时间:2018-11-05 02:50:09

标签: wordpress tabs anchor

我想在菜单内创建自定义链接,以打开页面上的(打开)标签。我尝试使用锚点,但这不起作用。

请参见以下网址示例:https://adventurethon.savvylittlefreelancer.com/

主菜单>事件(下拉菜单)>克拉伦斯谷>结果 在主菜单设置下,我为“结果”创建了一个自定义链接,并希望其在单击时直接重定向到“事件”>“ Clarence Valley”下的“结果”选项卡。

我给选项卡中的一个部分指定了ID或声明结果,并将其链接到“菜单自定义链接”>“锚点= #clarence结果”,没有运气。 Anchor ID on Results Anchor ID in Menu

我还在直接网址中添加了https://adventurethon.savvylittlefreelancer.com/event/clarence-valley-nsw/#clarence-results和adventurethon.savvyl​​ittlefreelancer.com/event/clarence-valley-nsw/#clarence-results(不带https://) 没有运气。

自定义链接成功地直接指向页面,但没有带我进入页面的“结果”部分。 有指针吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

这是因为带有CSS的display: none隐藏了具有“ clarence-results” ID的标记的父元素。确保该元素正在显示,并且跳转链接应该正常工作。

The parent element that is being hidden is highlighted blue. You can see the inline style that is declaring "display: none;"

我已经检查过,并且没有可靠的方法来使用CSS选择此特定元素。我怀疑它被后端中的某种设置隐藏了,所以您的选择是:

  • 找到使该元素可见的设置
  • 在其上方添加带有ID的可见元素,并将其用作锚点。如果您不希望它可见,则可以使用visibility: hidden和/或height: 0; overflow: hidden;
  • 将ID添加到包装的列或行,然后将其用作锚点。

无法看到您网站的管理员,很难找到修复它的最佳方法。但是问题的根源在于,您链接到的ID在页面上不可见,因此您需要使其可见(我强烈怀疑某个设置隐藏了该设置),或者您需要链接到一个不同的(可见的)ID。

答案 1 :(得分:0)

我不确定显示为空的父元素是什么,但是我试图

#clarence-results {
display: inline;
}

不太清楚如何显示父元素。

谢谢!