target="_self" 带 link 到主页

Question

这应该很简单，快把我逼疯了！

使用简码 php 插入器在 Wordpress 中工作。页面运行良好，但此代码不会停留在 link 指向的同一页面上。

<a target="_self" href="#Lighter+Beers">Lighter Beers</a>

即使我将鼠标悬停在 link 上，我也会在浏览器底部看到正确的地址 www.oddsideales.com/all-beverages-on-tap/#Lighter+Beers....but after clicking, the browser url shows www.oddsideales.com/#Lighter+Beers

有什么方法可以测试 url 发生变化的原因吗？

如有任何建议，我们将不胜感激！谢谢！

Answer 1

我明白了。安装了 Easy Smooth Scrolling 插件，由于某种原因我的 url 停止更改。所以解决我的问题的三件事是...

创建一个正确编码我的查询结果的 urlencode

$heading_old=$heading;
$divider = 1;
$path = urlencode($heading_old);
$items.="<h3 id='$path' class='category_h' style='width: 100%; display: flow-root; margin: 10px 10px; font-weight: 600; color: #bcd63a;'>$heading_old</h3>";
}

更改了我的锚链接以匹配 urlencoded 输出

<ul class="nav2">
  <li><a target="_self" href="#Darker+Beers">Darker Beers</a></li>
  <li><a target="_self" href="#Lighter+Beers">Lighter Beers</a></li>
  <li><a target="_self" href="#Hoppy+Beers">Hoppy Beers</a></li>
  <li><a target="_self" href="#Wild+%26+Sour">Wild and Sour</a></li>
  <li><a target="_self" href="#Wines+%26+Cider">Wines and Cider</a></li>
</ul>

最后添加这个是为了避免向上滚动到我的 header

后面

:target:before {
    content: "";
    display: block;
    height: 200px;
}

问题已解决！

target="_self" 带 link 到主页

target="_self" taking link to home page

wordpress

hyperlink